element-ui特别的自定义验证

如果不想用麻烦的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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容