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

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的光标颜色

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

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

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

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