1. 首页
  2. 编程语言
  3. Javascript
  4. 使用mint-ui实现省市区三级联动效果的示例代码

使用mint-ui实现省市区三级联动效果的示例代码

上传者: 2021-09-11 23:46:26上传 PDF文件 100.13 KB 热度 7次

在vue中写入组件:我们可以看到,这个组件中传入的数据slots和当其改变是触发的事件:onValuesChange(),所以只要在使用该组件的父组件内注册slots和onValuesChange就可以实现了在实际操作中当我想使用picker来进行省份、城市、地区的选择时,发现最大的问题是搞不到符合该插件数据格式的数据,于是从百度上扒了一份省份、城市、地区数据之后写了一个函数对其进行了处理,在这里,共享给大家:三组数据以及三个方法如上,当对省份进行选择时,动态匹配相应的城市,同理对城市进行选择时动态匹配相应的地区,如此就可以实现三级联动的效果了

下载地址
用户评论