美文网首页
element-ui特别的自定义验证

element-ui特别的自定义验证

作者: 小狼在IT | 来源:发表于2018-10-12 16:06 被阅读0次

    如果不想用麻烦的rule方式,可以试试以下做法:

                    <el-badge :value="!editEmailComputed?'email格式不正确':''" class="item" style="width:95%" >
                    <el-form-item label="邮箱">
                         <el-tooltip class="item" effect="dark" content="多个邮箱用分号隔开" placement="right">
                            <el-input v-model="Email" placeholder="多个邮箱用分号隔开"
                            type="textarea"
                            :rows="2" >
                            </el-input>
                         </el-tooltip>
                    </el-form-item>
                    </el-badge>
    

    接着定义一个computed:

        computed: {
            // 计算属性的 getter
            editEmailComputed: function () {
            // `this` 指向 vm 实例
                if(!this.Email){
                    return false
                }
                else{
                    return true
                }
            }
        }
    

    效果图:

    image.png

    相关文章

      网友评论

          本文标题:element-ui特别的自定义验证

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