<el-row> <el-col :span="12">
<el-form-item label="國籍" prop="nationality">
<el-radio-group v-model="ruleForm.nationality">
<el-radio label="1">中國</el-radio>
<el-radio label="2">其它</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="date1" label="其它" v-if="ruleForm.nationality==2">
<el-input v-model="ruleForm.nationalityOther"></el-input>
</el-form-item>
</el-col>
</el-row>當選擇其它選項的時候，后面的輸入框是必填"nationality": [{ "required": true }, { "validator": function (rule, value, callback) {
}
}]
請問這個該怎么寫呢？只能包裝到一個對象里面嗎？
1 回答
慕慕森
TA貢獻1856條經驗 獲得超17個贊
依賴ruleForm.nationality值，正好可以扔計算屬性里去。
<el-form-item :rules="nationalityRule">
computed: {
isOtherNationality() { return this.ruleForm.nationality === '2';
},
nationalityRule() { return [
{ required: isOtherNationality },
{
validator: function(rule, value, callback) {},
},
];
},
}添加回答
舉報
0/150
提交
取消