首页 > 其他 > 详细

vant 级联选择器跳坑

时间:2021-03-10 19:39:40      阅读:396      评论:0      收藏:0      [点我收藏+]
<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以上才能生效

vant 级联选择器跳坑

原文:https://www.cnblogs.com/jclonely/p/14513426.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!