关于van-picker多列联动设置禁用选项无效的问题

最新推荐文章于 2024-06-29 13:18:29 发布

洋小驼

最新推荐文章于 2024-06-29 13:18:29 发布

阅读量765

点赞数 8

文章标签：前端微信小程序

本文链接：https://blog.csdn.net/qq_34925033/article/details/135772365

版权

在这里插入图片描述
在微信小程序中使用的van-picker去做禁用某些选项发现直接处理好van-picker用的数据结构后并没有实现想要的功能，后来发现处理完要通过官方的setColumnValues重新去设置一遍就可以了（暂时就知道这个方式，不知道其他有没有）

<van-picker 
    class="state_default"
    show-toolbar 
    columns='{{areaData}}'
    value-key='label' 
    bind:confirm="bindMultiPickerChange" 
    bind:change="bindMultiPickerColumnChange"
    bind:cancel="bindMultiPickerCancel">
</van-picker>

const picker = this.selectComponent(".state_default"); // 获取组件实例
that.data.areaData.forEach((item,index)=>{
    picker.setColumnValues(index,that.data.areaData[index].values);
})