美文网首页
element常用小功能(持续更新中)

element常用小功能(持续更新中)

作者: 吴小冷 | 来源:发表于2021-10-28 11:38 被阅读0次

    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;
       },
    

    相关文章

      网友评论

          本文标题:element常用小功能(持续更新中)

          本文链接:https://www.haomeiwen.com/subject/lwfvaltx.html