uniapp 组件picker数据为对象时,range-key的用法

picker设置 model="multiSelector" 时,可以成为多列选择器,比如一个二维对象数组 arr1=[{name1:'aaa1'}] arr2=[{name2:'aaa2'}] ,页面需要两列分别显示name1和name2,此时range可以设置为为 :range="[arr1,arr2]" ,可这样设置之后会有一个很大的问题,列1和列2显示的是object,其实我们最终要显示的是name1和name2,在model为selector时,range-key可以设置为要显示的那个字段名 :range-key="'name'" 来解决这个问题,但只是支持单列选择,在多列选择该怎么设置呢?原先以为range-key也可以像range一样设置成为一个多维简单数组,类似于 :range-key="['name1','name2']" ,后来发现这样做是行不通的,通过 uniapp源码 发现,rangeKey定义的是string,这意味着他不能接收数组,再通过具体显示数据时的下面源码发现,rangeKey只能是一个同样的字段名

因此,rangeKey不能分别设置为name1、name2,只能像单列选择器那样设置为 :range-key="'name'" ,
居于此,arr1的name1,arr2的name2要么就让后端将字段名称统一成一个返回,要么自己在获取到数据源时,自己for循环修改过来

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值