arco:a-cascader级联选择器使用及回显

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

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值