v-distpicker 一个好用的三级联动的插件
// 引入插件
npm install v-distpicker --save
import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker', VDistpicker)
// 配置 placeholders
:placeholders="placeholders"
data() {
return {
placeholders: {
province: '------- 省 --------',
city: '--- 市 ---',
area: '--- 区 ---',
}
}
}
// 配置mo默认值
:province="select.province" :city="select.city" :area="select.area"
data() {
return {
select: { province: '广东省', city: '广州市', area: '海珠区' },
}
},
// 开启手机模式type="mobile"
// 隐藏区
<v-distpicker hide-area></v-distpicker>
// 触发事件
@selected="onSelected"
// 只有省，或者县
官网： https://distpicker.pigjian.com/手机扫一扫
移动阅读更方便
你可能感兴趣的文章