更新记录
1.0.0(2020-09-05) 下载此版本
动态多级联动
该插件只要有关系的级联数据都可以使用不局限在省市区街道,可以自定义一级 二级 三级 四级 五级
平台兼容性
动态多级联动
该插件只要有关系的级联数据都可以使用不局限在省市区街道,可以自定义一级 二级 三级 四级 五级
插件使用 ...
<button type="primary" @click="btnClick">选择地址</button>
<selectAddress ref='selectAddress' @selectAddress="selectAddress" :pickerSize="pickerSize" :pickerUrl="pickerUrl"></selectAddress>
... 插件引入 ...
import selectAddress from '@/components/selectAddress/selectAddress.vue'
export default {
components: {
selectAddress
},
data() {
return {
title: 'Hello',
pickerSize: 3,//级别
pickerUrl: 'http://127.0.0.1/api/region/list',//地址
}
},
onLoad() {
},
methods: {
btnClick() {
this.$refs.selectAddress.show()
},
selectAddress(address) {
this.title = address.id + address.name;
}
}
}
...
数据格式 ...
{
id:'',//数据ID
pid:'',//上级ID
name:'',//数据名称
……
}
...