安装和实例可直接参考官网
- template
- <VDistpicker
- :province="getListData.province"
- :city="getListData.city"
- :area="getListData.district"
- @province="onChangeProvince" // 选择省份
- @city="onChangeCity" // 选择城市
- @area="onChangeArea" // 选择地区 >
- </VDistpicker>
- script
- import VDistpicker from 'v-distpicker'
- export default {
- data() {
- getListData: {
- province: '',
- city: '',
- district: '' // 这个参数名后端返回的和插件定义的不一样
- },
- },
- methods: {
- onChangeProvince(data) {
- this.getListData.province = data.value;
- },
- onChangeCity(data) {
- this.getListData.city = data.value;
- },
- onChangeArea(data) {
- this.getListData.district = data.value;
- },
- }
- }
来源: https://www.2cto.com/kf/201806/757433.html