別忘了給el-form-item設(shè)置prop值
下面代碼的required不能加腻菇,因為這一項綁定的值不在formData,加了雖然會有紅色號昔馋,但是驗證會遇到麻煩筹吐,去除,自定義樣式秘遏,給item加一個class=“red-star"丘薛,然后設(shè)置label的:before樣式
<el-form :inline="true" :model="formData"
:show-message="false"
:rules="rules">
<el-form-item label=" 一級名稱" required prop="pl1Name">
<el-input v-model="treeNodeData.data.label"></el-input>
</el-form-item>
......
rules: {
pl1Name: [
{
validator: (rule, value, callback) => {
valid.notNull(rule, value, callback, this.treeNodeData.data.label)
},
trigger: 'blur'
}
],
pl1NameEn: [
{ validator: valid.notNull, trigger: 'blur' }
],
pl1Weight: [
{
validator: (rule, value, callback) => {
valid.notNull(rule, value, callback, this.treeNodeData.data.precent)
},
trigger: 'blur'
}
]
}
}