<u-form :model="formData" ref="uForm" :rules="rules" :border-bottom="true" :errorType="['toast']" label-width="160">
<u-form-item label="门店名称" prop="name" required>
<u-input v-model="formData.name" placeholder="请输入门店名称" />
</u-form-item>
<u-form-item label="连锁名称" prop="systemId" :required="formData.shopType === 'KA'" right-icon="arrow-right">
<u-input v-model="systemName" disabled placeholder="请选择连锁(根据门店地址查询)" @click="onChooseSystem" />
</u-form-item>
</u-form>
//data
// form
formData: {
name: "",
//systemId: "",
},
rules: {
name: [{ required: true, message: "请输入门店名称", trigger: ['blur', 'change'] }],
//这是复杂情况 数组类型的
systemId: [{
validator: (rule, value, callback) => {
if (this.formData.shopType === 'KA' && !value) {
return callback(new Error(rule.message));
} else {
return callback();
}
},
message: "请选择连锁",
trigger: ['blur', 'change']
}],
}
1.