vue之省市区三级联动

标签: 省市区三级连动杆
8人阅读 评论(0) 收藏 举报
分类:
  • 安装插件
npm install v-distpicker --save
  • 使用
<template>
    <v-distpicker @selected="onSelected"></v-distpicker>
</template>

<script>
import VDistpicker from 'v-distpicker'
export default {
    data () {
        return {
            select:{
                province: '',
                city: '',
                area: ''
            }
        }
    },
    components:{
        VDistpicker
    },
    methods: {
        //当三级都选择完触发onSelected
        onSelected (data) {
            console.log(data)
            // data数据如下
            //area: {code: "320211", value: "滨湖区"}
            //city: {code: "320200", value: "无锡市"}
            //province: {code: "320000", value: "江苏省"}

            this.select.province = data.province
        }
    }
}
</script>

  • 二级联动,加入hide-area即可
<v-distpicker @selected="onSelected" hide-area></v-distpicker>
查看评论

VUE构建工具

-
  • 1970年01月01日 08:00

Vue2中省市区三级联动json

  • 2017年06月06日 14:28
  • 377KB
  • 下载

Vue2中的省市区三级联动(仿淘宝)

三级联动,随着越来越多的审美,出现了很多种,好多公司都仿着淘宝的三级联动 ,好看时尚,so我们公司也一样……为了贴代码方便,我把写在data里面省市区的json独立了出来,下载贴进去即可用,链接如下:...
  • zhaohaixin0418
  • zhaohaixin0418
  • 2017-06-06 15:14:51
  • 6705

vue仿京东省市区三级联动选择组件

原文地址:http://www.cnblogs.com/jasonwang2y60/p/6538110.html 工作中需要一个盒京东购物车地址选择相似的一个省市区三级联动选择组件,...
  • ylhsuper
  • ylhsuper
  • 2017-09-01 17:22:34
  • 1514

vue+webpack+amaze-vue实现省市区联动选择组件

教你用 vue + amaze-vue实现省市区三级联动空间
  • cn7997forever
  • cn7997forever
  • 2017-12-08 20:58:24
  • 704

用Vue、element-ui、axios实现省市区三级联动

现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue,axios,element-ui开发一个省市区三级联动的组件。1.准备工作,首先我们需要全...
  • qq_32113629
  • qq_32113629
  • 2018-03-13 11:33:17
  • 630

vue省市区三级联动mysql,js/json,html/jsp

大家好,我是烤鸭: 省市区三级联动数据及页面: 先上sql(一张表包含省市区): /* Navicat MySQL Data Transfer Source Server : te...
  • Angry_Mills
  • Angry_Mills
  • 2017-12-06 19:58:04
  • 621

IOS 省市区三级联动

  • 2016年10月25日 14:09
  • 55KB
  • 下载

vue2省市区三级联动,mysql,html/jsp,js/json

  • 2017年12月18日 14:14
  • 264KB
  • 下载

中国省市县三级联动下拉框Ajax小程序

  • 2014年08月07日 22:37
  • 2.47MB
  • 下载
    个人资料
    等级:
    访问量: 112
    积分: 31
    排名: 195万+
    文章分类