van-picker在wepy多级联动

╰+哭是因爲堅強的太久メ 2021-09-14 02:20 448阅读 0赞

<van-picker columns="{{columns}}" @change="onChange"></van-picker>

data = {
      columns: [
            // 一级选项
            {
              values: ['浙江','福建'],
              className: 'column1'
            },
            // 二级选项
            {
              values: {
                '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'],
                '福建': ['福州', '厦门', '莆田', '三明', '泉州']
              }['福建'],
              defaultIndex: 2
            }
      ]
    }

动态的修改获取并且修改二级联动的选项，picker.detail.value\[0\]

onChange(picker, values) {
            this.columns = [
            {
              values: ['浙江','福建'],
              className: 'column1'
            },
            {
              values: {
                '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'],
                '福建': ['福州', '厦门', '莆田', '三明', '泉州']
              }[picker.detail.value[0]],
              className: 'column2',
              defaultIndex: 2
            }
          ]
            console.log(picker.detail.value[0])
            console.log(values)
            // 在wepy里面似乎就调用不了setColumnValues这个方法了....
            // picker.setColumnValues(1, citys[values[0]]);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，448人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp实现村组数据多级联动

![在这里插入图片描述][19ae9a1d23a94367bd93ccff639b0a7c.png] 选择了村的数据才会有组的数据，下面为接口的返回格式 ![在这里插入

桃扇骨/ 2024年03月31日 13:45/ 0 赞/ 54 阅读

相关 Ajax技术--多级联动下拉列表（$.ajax()）

运行结果： ![Center][] 1、设置zone.xml文件： <?xml version="1.0" encoding="UTF-8"?> <

落日映苍穹つ/ 2024年02月17日 23:50/ 0 赞/ 45 阅读

相关多级城市联动

//控制器方法 <span style="color:FF0000;">public function index() { $a

た入场券/ 2022年07月26日 11:20/ 0 赞/ 167 阅读

相关 Ajax实现多级联动菜单

最近在重温Ajax技术，就顺手拿起了当年的《Ajax经典案例开发大全》来温习。发现里面有些错误，现在就指出来，这样可以帮助后学者少走弯路。主要的技术有：MyS

刺骨的言语ヽ痛彻心扉/ 2022年06月14日 11:25/ 0 赞/ 269 阅读

相关 jquery实现多级联动

我们在开发中，经常会遇到控件选择联动的情况，最常见的莫过于省市县了，当然还有其它不同层级的联动。好了，下面开始进行多久联动了。详细代码如下:

短命女/ 2022年06月14日 10:58/ 0 赞/ 269 阅读

相关多级省市联动的代码实现 ajax实现

前几天再做一个项目，需要用到四级省市联动，平时很少用到这样的多级省市联动的问题，如今写好了，便于大家分享一波先上代码完成实现页面图 ![70][] 五级省市联动的例子

阳光穿透心脏的1/2处/ 2022年05月16日 06:25/ 0 赞/ 206 阅读

相关微信小程序 picker 多级联动

<picker mode="multiSelector" bindchange="bindjobcatchang

缺乏、安全感/ 2022年04月24日 22:46/ 0 赞/ 247 阅读

相关 AJAX多级下拉联动【JSON】

前言前面我们已经使用过了XML作为数据载体在AJAX中与服务器进行交互。当时候我们的案例是二级联动，使用Servlet进行控制这次我们使用JSON作为数据载体在AJ

布满荆棘的人生/ 2021年09月17日 06:42/ 0 赞/ 398 阅读

相关 van-picker在wepy多级联动

<van-picker columns="{{columns}}" @change="onChange"></van-picker> data = {

╰+哭是因爲堅強的太久メ/ 2021年09月14日 02:20/ 0 赞/ 449 阅读

相关下拉列表多级联动前端实现

一获取一级分类 1 组件数据定义添加在Info.vue的data中 subjectList: [], // 一级分类 subjec

川长思鸟来/ 2021年07月24日 19:04/ 0 赞/ 569 阅读