如果不想用麻烦的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
}
}
}
效果图: