本文介绍了动态多级联动插件的使用，该插件不仅限于省市区街道的选择，支持自定义一到五级的级联数据。通过引入组件并设置数据源，用户可以实现灵活的地址选择功能，例如：`pickerUrl: 'http://127.0.0.1/api/region/list'`。插件提供了显示和选择地址的方法，如`btnClick`和`selectAddress`，并返回选定地址的`id`和`name`。
更新记录
1.0.0(2020-09-05)
动态多级联动
该插件只要有关系的级联数据都可以使用不局限在省市区街道，可以自定义一级 二级 三级 四级 五级
动态多级联动
该插件只要有关系的级联数据都可以使用不局限在省市区街道，可以自定义一级 二级 三级 四级 五级
插件使用
...
选择地址
...
插件引入
...
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:'',//数据名称
……
}
...
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
