picker多选 vant_vant的Picker 选择器

本文介绍如何利用Vant的Picker组件处理货物类型的两级分类选择,包括处理‘不限’选项、数据变异以及根据ID找到对应索引。在变更选择时,通过索引更新显示数据,并在确认选择时保存选中的ID和名称。
摘要由CSDN通过智能技术生成

货物类型,两级分类,每列都要有不限选项,数据里没有不限选项,需要做数据变异,而且选择器是通过索引取值的,比较麻烦的地方就是,修改时获取的是类别id,需要在变异的数据中找到对应项并记录其索引

clickable

name="goodstypeval":value="goodstypeval"label="货物类型"placeholder="点击选择"v-on:click="columnsGoodsShow"

>

:columns="columnsgoods"v-on:confirm="onConfirmgoods"v-on:cancel="onCancelgoods"v-on:change="onChangegoods"

>

变异后的数据格式:

goodstypelist:[

{

id:0,

text:"不限",

children:[

{id:0,text: "不限"}

]

},

{

id:1,

text:"农用物资",

children:[

{id:0,text: "不限"},

{id:2,text: "农业运输机械"},

{id:3,text: "生产及加工机械"},

...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值