vue地址三级级联组件封装

2019-1-26 0:35:54 507 views

1.效果图如下

2.组件案例

案例: 组件
<addressSelect @currentSelected="selected" :resetData="resetData" ></addressSelect>
//val,输出的是选中的值

components引入组件


selected(val) {
console.log(val);
},

this.resetData = true;
setTimeout(() => {
this.resetData = false;
}, 20);

3.组件暴露参数

一个currentSelected事件,接受一个参数(包含地址的信息),
一个resetData属性,接受一个布尔值,用于重置地址值

源码及city.js在 github上

https://github.com/akbq2008/vueAddress

0

No Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。