1、表格超出显示省略号
:show-overflow-tooltip='true'
//过长样式修改
.el-tooltip__popper{
max-width:20%;
}
.el-tooltip__popper,.el-tooltip__popper.is-dark{
background:rgb(48, 65, 86) !important;
color: #fff !important;
line-height: 24px;
}
2、表单添加红色星号,但是不会校验
:required="true"
3、下拉框有值却无法选中的问题
@change="change()"
change(){
this.$forceUpdate()
},
4、选择框禁止选中
:selectable="checkSelectable"
checkSelectable(row) {
return row.date == '2016-05-03'
}
//若返回为 true, 则可以选中,否则禁止选中
5、el-input输入框字符限制,只显示英文及数字
<el-input v-model="accountVal" maxlength="24" @input="accountInput" placeholder="请输入用户账号"></el-input>
//通过监控输入框的事实输入,来进行正则盼盼重新赋值处理
accountInput(val){//账号的实时输入
let codeReg = new RegExp("[A-Za-z0-9]+") //正则 英文+数字;
let len= val.length
let str= ''
for(var i=0;i<len;i++){
if(codeReg.test(val[i])){
str+=val[i];
}
}
this.accountVal=str;
},
网友评论