使用element过程中出现的问题及解决方法（1）

你的名字 2023-10-03 09:27 93阅读 0赞

**目录**

1.点击el-select不出现下拉框

2.在el-select上绑定点击函数

3.el-input限制最大输出长度（不提示，只是不能继续输入）

4.el-table::before

5.el-table使用fixed固定列要注意的问题

6.input校验：不允许输入负数

7.vue项目更换页面logo问题

8.assest和static文件夹的区别（图片放在哪）

9.修改el-input的光标颜色

10.element的el-tree组件文字超出容器不出现横向滚动条问题

--------------------

#### 1.点击el-select不出现下拉框 ####

<el-select ref="select" v-model="name" @click.native="clickSelect">

clickSelect () {
        	this.$refs.select.blur()
        }

> **其自带的方法blur()可以使input隐藏下拉框**

--------------------

#### 2.在el-select上绑定点击函数 ####

<el-select v-model="name" @click.native="show=true">
        </el-select>

> **必须加.native才会生效**

--------------------

#### 3.el-input限制最大输出长度（不提示，只是不能继续输入） ####

<el-input oninput="if(value.length>5)value=value.slice(0,5)" v-model="name">
    </el-input>

--------------------

#### 4.el-table::before ####

> **注意：一般el-table会出现一个下边框线，其实在el-table::before里，当时半天找不到这条边框线哪来的。把他的height设为0就可以隐藏这条边框线**

--------------------

#### **5.el-table使用fixed固定列要注意的问题**  ####

>  **el-table标签必须要加max-height属性，否则固定列不会跟着表格内容上下滚动**

--------------------

#### 6.input校验：不允许输入负数 ####

<input v-model="scope.row.number" oninput="value=value.replace(/[^0-9.]/g, '')"/>

--------------------

#### **7.vue项目更换页面logo问题** ####

<link rel="icon" type="image/x-icon" href="./src/assets/icon/Vue.png">

> **相对路径放在src内不生效，必须放在static文件夹内**

**正确的做法：**

<link rel="icon" type="image/x-icon" href="./static/favicon.png">

--------------------

#### 8.assest和static文件夹的区别（图片放在哪） ####

**8.1 assets->bundle(编译到一起)**

**8.2 static->resources(远程URL请求)**

--------------------

#### 9.修改el-input的光标颜色 ####

.el-input{
        caret-color: #2FA763; // 修改输入框的光标为绿色
    }

--------------------

#### 10.element的el-tree组件文字超出容器不出现横向滚动条问题 ####

> **树形控件当节点的内容过长时无法显示横向滚动条问题  
> 应该把块级元素改为inline-block**

.el-tree>.el-tree-node{
            min-width:100%;
            display: inline-block;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，93人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL升级过程中出现的问题及解决方法

在MySQL升级过程中，可能会遇到以下一些问题，并提供相应的解决方法： 1. **兼容性问题**：新版本的MySQL可能对老版本的数据格式不兼容。解决办法是在升级前备份数据，

系统管理员/ 2025年03月23日 19:00/ 0 赞/ 53 阅读

相关 MySQL备份恢复过程中可能出现的问题及解决方法

在MySQL备份恢复过程中，可能会遇到以下问题并提供相应的解决办法： 1. 备份文件损坏：解决：使用`mysqlcheck`命令检查备份文件的健康状况。如果损坏严重，

逃离我推掉我的手/ 2025年02月19日 14:12/ 0 赞/ 80 阅读

相关 Oracle升级过程中出现的问题及解决方法

在Oracle数据库的升级过程中，可能会遇到一些问题。以下是一些常见问题及其解决方法： 1. **版本不兼容**：如果新版本与现有硬件或软件不兼容，可能需要调整配置。 2.

╰+哭是因爲堅強的太久メ/ 2025年02月18日 00:39/ 0 赞/ 61 阅读

相关 MySQL升级过程中出现的问题：案例及解决方法

在MySQL升级过程中，可能会遇到各种问题。以下是一些常见案例及解决方法： 1. **版本不兼容**：例如，升级从5.x到8.x，发现某些新特性不支持。解决方

迷南。/ 2025年02月17日 11:45/ 0 赞/ 63 阅读

相关 Oracle升级过程中出现的问题：案例分析及解决方法

在Oracle升级过程中，可能会遇到多种问题。以下是一些常见案例以及相应的解决办法： 1. **系统中断**： - 原因：升级过程中的并发操作或者网络问题。 -

╰半夏微凉°/ 2025年02月07日 18:06/ 0 赞/ 62 阅读

相关 Oracle升级过程中出现的问题及解决方法

在Oracle数据库的升级过程中，可能会遇到各种问题。以下是一些常见的问题以及解决办法： 1. 数据一致性问题：升级可能导致数据损坏或者丢失。解决方案是使用增量备份或者日志恢

拼搏现实的明天。/ 2025年02月02日 15:33/ 0 赞/ 99 阅读

相关 MySQL备份恢复过程中可能出现的问题及解决方法

在MySQL数据库的备份和恢复过程中，可能会遇到以下问题，以及相应的解决方法： 1. 备份失败：可能原因包括权限不足、网络问题等。解决方法是检查并确保有足够权限进行备份操作；

客官°小女子只卖身不卖艺/ 2025年01月17日 18:12/ 0 赞/ 100 阅读

相关 Oracle数据迁移过程中出现的问题及解决方法

在Oracle数据迁移过程中，可能会遇到以下一些问题，相应的解决方案如下： 1. 数据不一致：如果源数据库和目标数据库的数据版本不同，会导致数据不一致。解决方法是确保迁移时选

本是古典何须时尚/ 2024年12月27日 04:03/ 0 赞/ 145 阅读

相关 MySQL升级过程中可能出现的问题及解决方法

在MySQL数据库的升级过程中，可能会遇到以下问题以及相应的解决方法： 1. **版本不兼容**： - 解决：确认新版本与旧版本之间的兼容性。如果版本之间存在兼容性问题

桃扇骨/ 2024年12月16日 12:15/ 0 赞/ 133 阅读

相关使用element过程中出现的问题及解决方法（1）

目录 1.点击el-select不出现下拉框 2.在el-select上绑定点击函数 3.el-input限制最大输出长度（不提示，只是不能继续输入） 4.el-

你的名字/ 2023年10月03日 09:27/ 0 赞/ 94 阅读