element-ui特别的自定义验证

2018-10-12  本文已影响0人  小狼在IT

如果不想用麻烦的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
上一篇下一篇

猜你喜欢

热点阅读