zoukankan      html  css  js  c++  java
  • vant 级联选择器跳坑

    <van-field readonly clickable name="calendar" :value="area" label="户籍区划" required placeholder=""
                            @click="cityShow = true">
                        </van-field>
     
    <van-popup v-model="cityShow" position="bottom">
                    <van-picker @cancel="cityShow = falase" show-toolbar :columns="areaList" @confirm="confirmCity">
                    </van-picker>
                </van-popup>
     
    setarr(item) {
                        if (!item.children) {
                            item.text = item.name
                            return item
                        } else {
                            item.text = item.name
                            item.children.forEach((sitem, sindex) => {
                                item = this.setarr(sitem)
                            })
                            return item
                        }
                    },

                    getareaList() {
                        var self = this;
                        let content = {
                            fun: 'get_base_addr'
                        }
                        axios.get('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', {
                                params: content
                            })
                            .then(function (response) {
                                self.loading = false;
                                console.log(response.data.result);
                                response.data.result.forEach((item, index) => {
                                    item = self.setarr(item)
                                })
                                console.log(1111, response.data.result)
                                self.areaList = response.data.result

                            })
                            .catch(function (error) {
                                self.loading = false;
                            });
                    },
     
    注意vantjs的引入版本 必须在2.4.5以上才能生效
  • 相关阅读:
    学算法还能指导找对象?是的,这就是大名鼎鼎的稳定婚姻算法
    机器学习 | 详解GBDT梯度提升树原理,看完再也不怕面试了
    Python | 面试的常客,经典的生产消费者模式
    LeetCode 89,因为题目晦涩而被点了1500+反对的搜索问题
    LeetCode 87,远看是字符串其实是搜索,你能做出来吗?
    Golang | Go语言多态的实现与interface使用
    pandas | DataFrame基础运算以及空值填充
    算法数据结构 | 只要30行代码,实现快速匹配字符串的KMP算法
    Mac上使用Docker安装SQLServer
    [翻译]ASP.NET Core在 .NET 5 Preview 7的更新
  • 原文地址:https://www.cnblogs.com/jclonely/p/14513426.html
Copyright © 2011-2022 走看看