ant design vue省市级联如果只选择省,可添加change-on-select属性
<a-cascader
v-model:value="regionSelect"
:options="regionSelectOptions"
placeholder="请选择地区"
change-on-select
:getPopupContainer="(triggerNode:any)=> triggerNode.parentNode"
/>
但在省市展示那里需要处理一下,get里写两个三目运算符,否则省后面会多一个/
TS代码如下:
const regionSelect = computed({
get() {
return ecloudOrdersState.orderParams.provinceId
? ecloudOrdersState.orderParams.cityId
? [ecloudOrdersState.orderParams.provinceId, ecloudOrdersState.orderParams.cityId]
: [ecloudOrdersState.orderParams.provinceId]
: [];
},
set(val: string[]) {
if (val) {
ecloudOrdersState.orderParams.provinceId = val[0];
ecloudOrdersState.orderParams.cityId = val[1];
} else {
ecloudOrdersState.orderParams.provinceId = '';
ecloudOrdersState.orderParams.cityId = '';
}
}
});
处理之后是这样