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

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

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

相关阅读

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

在Oracle升级过程中，可能会遇到以下问题并提供相应的解决方案： 1. **兼容性问题**：升级可能导致新版本与旧版本的某些组件不兼容。解决方法是确保所有依赖都已更新到兼容

Bertha 。/ 2024年12月24日 23:27/ 0 赞/ 1 阅读

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

在Oracle数据库升级过程中，可能会遇到以下问题并提供相应的解决方案： 1. 数据一致性问题：升级可能导致数据丢失或不一致。解决方案：升级前进行备份，并确保所有必需的步骤都

青旅半醒/ 2024年12月24日 06:03/ 0 赞/ 1 阅读

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

在Oracle升级过程中，可能会遇到以下一些问题： 1. 数据一致性问题：升级过程中可能会导致数据丢失或不一致。 2. 系统稳定性下降：升级过程中可能会因为代码调整或资源分

淡淡的烟草味﹌/ 2024年12月23日 08:57/ 0 赞/ 7 阅读

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

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

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

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

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

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

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

在Oracle数据库的升级过程中，可能会遇到以下一些问题，以及相应的解决方法： 1. 数据一致性问题：升级过程中可能会丢失数据或产生不一致。解决办法：在升级前进行全量备份，并

素颜马尾好姑娘i/ 2024年12月18日 08:48/ 0 赞/ 19 阅读

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

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

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

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

Oracle JDK升级过程中可能会遇到各种问题，以下是一些常见的问题及其解决方案： 1. **兼容性问题**： - **问题**：新版本的JDK可能不兼容旧版本的某些代码。

淩亂°似流年/ 2024年11月08日 12:57/ 0 赞/ 30 阅读

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

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

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

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

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

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