基于vue+iview实现省市区三级联动

表单关键代码


    


    


    

使用@on-change事件进行联动

vue读取本地省市区json文件

created(){
      this.$axios.get('http://localhost:8080/static/json/provinces.json').then((data) => {
          this.provinceArr = data.data.data
      })
}

不知道有没更好的获取办法,网上找了好久,省市区json是在网上找的,然后自己修改了一点,链接:文件地址

需要的js部分代码

效果图

基于vue+iview实现省市区三级联动_第1张图片

你可能感兴趣的:(前端,前端——vue,vue,iview,json,javascript,vue.js)