1、页面
HTML:
<el-form
:model="dataForm"
:rules="rulesList"
ref="dataForm"
v-loading="loading"
>
<!-- type = '1' 显示 -->
<el-row>
<el-col :span="22">
<el-form-item label="文本1" required label-width="120px">
<el-input
placeholder="文本1"
v-model.trim="dataForm.text1"
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- type = '2' 显示 -->
<el-row>
<el-col :span="22">
<el-form-item label="文本2" required label-width="120px">
<el-input
placeholder="文本2"
v-model.trim="dataForm.text1"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
data:
dataForm:{
type:'1',
text1:'',
text2:''
}
computed: {
rulesList: function () {
if (this.dataForm.type === '1') {
return this.rule1
} else {
return this.rule2
}
},
rule1 () {
return {
text1: [
{
required: true,
message: this.$t('validate.required'),
trigger: 'blur'
}
]
}
},
rule2 () {
return {
text2: [
{
required: true,
message: this.$t('validate.required'),
trigger: 'blur'
}
]
}
}
},