Vue+element ui表单中省市区级联选择—v-distpicker/Cascader

v-distpicker组件或Cascader 级联选择器

1.页面

   
       
         
             
         
       
       
         
                              v-model="form.telephone"
                placeholder="请输入联系电话"
                maxlength="11"
              />
         
       
       
         
             
             
             
                              v-model="form.district"
                placeholder="请选择"
                :options="districtOptions"
                clearable
                filterable
                style="width: 100%"
                @change="onChange"
              >
         
       
       
         
                              v-model="form.address"
                type="textarea"
                placeholder="请输入详细地址"
              />
         
       
     

 2.js

3.省市区数据provinceCity.js文件(方式2)

省市区三级联动—provinceCity.js_js三级联动-Javascript文档类资源-CSDN下载