基于elementUI中级联选择器,完成省市区二级+三级联动效果

基于elementUI中级联选择器,完成省市区二级+三级联动效果

注: 最下方有城市数据下载地址,为本人git账号地址,放心使用

选择区域:

如图:
在这里插入图片描述
引入数据:

// 引入二级或三级联动的城市数据
import options from 'country-data.js'

data(){
      return{
        selectedOptions: [],//存放默认值
        options:options   //存放城市数据
}
methods:{
  handleChange(value) {
        console.log(value);
      }
}

如下图【二级联动】:
基于elementUI中级联选择器,完成省市区二级+三级联动效果_第1张图片

二级 + 三级联动城市数据下载地址
https://github.com/541073028/country-data

你可能感兴趣的:(vue,elementUI)