arco
的 a-cascader
级联选择器的回显必须是最后一级
例如:湖北->武汉->光谷
此时传入 wuhan
是不会回显的,必须传入武汉的最后一级 guanggu
才可以。
<a-form-item field="address" label="所在区域"><a-cascader v-model="form.address" :options="options" expand-trigger="hover" :style="{ width: '320px' }" placeholder="请选择所在区域"allow-clear />
</a-form-item>
const options = ref([{value: "hubei",label: "湖北",children: [{value: "wuhan",label: "武汉",children: [{value: "guanggu",label: "光谷"}]},{value: "xiaogan",label: "孝感"},{value: "jingzhou",label: "荆州"}]},{value: "hunan",label: "湖南",children: [{value: "changsha",label: "长沙"}]}
]);
无法回显的情况:
const form = ref({address: "wuhan", // 无法回显,因为 wuhan 还有children,必须是当前级联的末级
});
正常回显:
const form = ref({address: "guanggu", // 正常回显
});