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", // 正常回显
});