如果不想用麻煩的rule方式叛溢,可以試試以下做法:
<el-badge :value="!editEmailComputed?'email格式不正確':''" class="item" style="width:95%" >
<el-form-item label="郵箱">
<el-tooltip class="item" effect="dark" content="多個(gè)郵箱用分號(hào)隔開" placement="right">
<el-input v-model="Email" placeholder="多個(gè)郵箱用分號(hào)隔開"
type="textarea"
:rows="2" >
</el-input>
</el-tooltip>
</el-form-item>
</el-badge>
接著定義一個(gè)computed:
computed: {
// 計(jì)算屬性的 getter
editEmailComputed: function () {
// `this` 指向 vm 實(shí)例
if(!this.Email){
return false
}
else{
return true
}
}
}
效果圖: