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

你的名字 2023-10-03 09:27 22阅读 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 条评论，22人围观）

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

相关阅读

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

在Oracle升级过程中，可能会遇到多种问题。以下是一些常见的问题以及可能的解决方案： 1. **系统稳定性下降**：升级可能导致一些配置变化，这可能引起系统的不稳定。解决方

曾经终败给现在/ 2025年01月02日 16:12/ 0 赞/ 27 阅读

相关 MySQL备份恢复过程中出现问题：实例及解决方法

在MySQL备份恢复过程中，可能会遇到各种问题。这里以常见的几个问题为例，并提供解决方案： 1. **备份文件损坏**：解决方法：尝试使用`mysqlcheck`命令

痛定思痛。/ 2024年12月30日 23:36/ 0 赞/ 22 阅读

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

在MySQL升级过程中，可能会遇到一些问题。以下是一些常见的问题及其解决方案： 1. **兼容性问题**： - 解决：确保你的新版本MySQL与你的旧版MySQL（包括

阳光穿透心脏的1/2处/ 2024年12月29日 22:36/ 0 赞/ 30 阅读

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

在MySQL升级过程中，可能会遇到以下问题，以及相应的解决方案： 1. 数据迁移问题：旧版本的MySQL可能不支持新版本的数据类型或特性。解决方法是提前规划数据迁移策略，可能

骑猪看日落/ 2024年12月28日 23:21/ 0 赞/ 34 阅读

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

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

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

相关 MySQL复制（Replication）过程中出现的问题及解决

MySQL复制（Replication）是通过主从结构来实现数据的实时备份和分发。在复制过程中可能会遇到以下问题，以及相应的解决方案： 1. **同步延迟**：由于网络、I/

深碍√TFBOYSˉ_/ 2024年12月22日 05:09/ 0 赞/ 23 阅读

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

在Oracle数据库的升级过程中，可能会遇到以下几种问题，以及相应的解决方案： 1. **系统稳定性下降**：升级过程中，可能会涉及到大量的文件和表空间的改变。解决方案是进行

比眉伴天荒/ 2024年12月18日 18:57/ 0 赞/ 54 阅读

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

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

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

相关 kafka使用过程中的坑及解决方法

文章目录 Invalid value org.apache.kafka.common.serialization.StringSerializer for c

布满荆棘的人生/ 2023年10月07日 22:41/ 0 赞/ 26 阅读

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

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

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