zoukankan      html  css  js  c++  java
  • vant地区三级联动

         <van-cell-group>
                <!--cell+popup+area省市区的坑-->
                <van-cell v-model="carmodel"  value @click="shows = true"></van-cell>
                <van-popup v-model="shows" position="bottom">
                  <van-area
                    ref="area"
                    value="110000"
                    :area-list="areaList"
                    @change="onChange"
                    @confirm="shows = false"
                    @cancel="shows = false"
                  />
                </van-popup>
              </van-cell-group>
     
    import { Cell, CellGroup, Popup, Field,  Area, Picker } from 'vant'
     data() {
        return {
    shows: false,
          areaList,
          carmodel: "省/市/区",
        };
      },
     
     
     
     methods: {
        onChange(picker, value, index) {
          console.log("当前值:" + value + "当前索引:" + index);

          let areaName = "";
          for (var i = 0; i < value.length; i++) {
            areaName = areaName + value[i].name + " ";
          }
          this.carmodel = areaName;
        },

      },
  • 相关阅读:
    Java测试用例简介
    Hive使用入门
    Java中的GetOpt操作
    Tomcat的文件列表服务
    Hadoop MapReduce 初步学习总结
    hadoop集群调优-OS和文件系统部分
    02怎么学数据结构?
    01为什么学习数据结构?
    MySQL实战06の锁
    MySQL实战05の索引(下)
  • 原文地址:https://www.cnblogs.com/1609359841qq/p/13088758.html
Copyright © 2011-2022 走看看