介绍 import areaList 得到& # 39;. ./. ./资产/区域/area.js& # 39; import {区域的不同之处是,Popup },得到& # 39;vue-router& # 39;
Vue.use(地区)
Vue.use(弹出) & lt; van-cell is-link @click=皊howPopup", v模型=癱armodel"在选择需要显示的城市& lt;/van-cell>
& lt; van-popup
v模型才能=皊how"
位置=才能“bottom"
,,:比;
& lt; van-area :才能area-list=癮reaList",: columns-num=?“, ref=癿yArea", title=氨晏狻?@change=皁nChange", @confirm=皁nConfirm", @cancel=皁nCancel"/比;
& lt;/van-popup> export default {
数据才能(),{
,,,return {
,,,,,areaList,
,,,,,表明:假的,
,,,,,carmodel: & # 39; & # 39;
,,,}
,,},
方法:{才能
,,,//,弹出层显示
,,,showPopup (), {
,,,,,this.show =,真的;
,,,,,
,,,},
,,,//值=https://www.yisu.com/zixun/0改变省,1改变市,2改变区
onChange(选择器、索引值){
让val=picker.getValues ();
console.log (val)//查看打印
让areaName="
(var=0;我
这期内容当中小编将会给大家带来有关vant区组件如何在vue项目中使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
1。下载areaList。js并在使用的模板中引用官方网站areaList。js
2. main.js引入并注册(一般与弹出一起使用)
3。模板中,基础用法配置显示列,需要传入一个area-list属性
4。脚本中,api与方法
5。效果图
上述就是小编为大家分享的vant区组件如何在vue项目中使用了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。
