省市区选择插件v"/>
vue 省市区选择插件v
废话不多说,先看效果:
一、安装
npm install v-distpicker --save
二、引用(main.js)
import Distpicker from 'v-distpicker'
Vue.component('v-distpicker', Distpicker)
三、使用
<a-form-item label="所属辖区" :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }"><v-distpicker :province="sheng" //省:city="shi" //市:area="xian"//县@selected="selected"//选择最后一项时触发,返回参数为省市区的值></v-distpicker>
</a-form-item>
data数据,以及方法
export default {
data() {return {sheng: '北京市',shi: '北京市',xian: '东城区',}},//方法methods: {//选择省市县selected(data) {this.sheng = data.province.valuethis.shi = data.city.valuethis.xian = data.area.value},}
更多推荐
vue 省市区选择插件v
发布评论