使用mint-ui怎么实现一个三级联动效果
导读：本文共1168.5字符，通常情况下阅读需要4分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 具体实现：通过阅读官网的实例，大概就能知道这个组件的用法：在vue中写入组件：<mt-picker :slots="slots" @change="onValuesChange"></mt-picker>我们可以看到，这个组件中传入的数据slots和当其改变是触发的事件：onValuesChange... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。具体实现：
通过阅读官网的实例，大概就能知道这个组件的用法：
在vue中写入组件：<mt-picker :slots="slots" @change="onValuesChange"></mt-picker>
我们可以看到，这个组件中传入的数据slots和当其改变是触发的事件：onValuesChange()，所以只要在使用该组件的父组件内注册slots和onValuesChange就可以实现了
以下是官网上的实例：
exportdefault{methods:{onValuesChange(picker,values){if(values[0]>values[1]){picker.setSlotValue(1,values[0]);}}},data(){return{slots:[{flex:1,values:['2015-01','2015-02','2015-03','2015-04','2015-05','2015-06'],className:'slot1',textAlign:'right'},{divider:true,content:'-',className:'slot2'},{flex:1,values:['2015-01','2015-02','2015-03','2015-04','2015-05','2015-06'],className:'slot3',textAlign:'left'}]};}};在实际操作中当我想使用picker来进行省份、城市、地区的选择时，发现最大的问题是搞不到符合该插件数据格式的数据，于是从百度上扒了一份省份、城市、地区数据之后写了一个函数对其进行了处理，在这里，共享给大家：
onProvinceChange(picker,values){this.province=picker.getValues()[0]varcityArr=[];for(varkeyinprovinceCity[this.province]){cityArr.push(key);}this.slots2[0].values=cityArr;},onCityChange(picker,values){this.city=picker.getValues()[0]varcountyArr=[];for(varkeyinprovinceCity[this.province][this.city]){countyArr.push(key);}this.slots3[0].values=countyArr;},onCountyChange(picker,values){this.county=picker.getValues()[0]}, </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">本文：
使用mint-ui怎么实现一个三级联动效果的详细内容，希望对您有所帮助，信息来源于网络。