频道栏目
首页 > 资讯 > HTML/CSS > 正文

vue中国省市区地址三级联动插件V-Distpicker实例讲解

18-06-29        来源:[db:作者]  
收藏   我要投稿

安装和实例可直接参考官网

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;
        },
    }
}
相关TAG标签
上一篇:jsp的运行原理和基本语法
下一篇:Light It Up(思维)解析
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站