使用mint-ui實現省市區三級聯動效果的示例代碼

export default {
 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'
 }
 ]
 };
 }
};

onProvinceChange(picker, values) {
 
 this.province = picker.getValues()[0]
 var cityArr = [];
 for(var key in provinceCity[this.province]) {
 cityArr.push(key);
 }
 this.slots2[0].values = cityArr;
 },
 onCityChange(picker, values) {
 this.city = picker.getValues()[0]
 var countyArr = [];
 for(var key in provinceCity[this.province][this.city]) {
 countyArr.push(key);
 }
 this.slots3[0].values = countyArr;
 },
 onCountyChange(picker, values) {
 
 this.county = picker.getValues()[0]
 },