首页>>表单>>Vue 省市区三层级联菜单(2020-03-20)

Vue 省市区三层级联菜单

Vue 省市区三层级联菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="myVue"><br>  
  2.     <el-form ref="form" :model="form" label-width="100px">  
  3.       <el-form-item  label=""> 一.此地区插件基于element-ui编写 </el-form-item>  
  4.       <el-form-item  label=""> 二.此地区插件功能如下：1.可以查询搜索  2.可以清楚输入框内的记录 </el-form-item>  
  5.       <el-form-item  label="所在地区：">  
  6.         <el-cascader  
  7.                 :options="CityInfo"  
  8.                 v-model="form.selectedOptions"  
  9.                 :change-on-select="true"  
  10.                 :clearable="true"  
  11.                 :filterable="true"  
  12.                 @change="handleChange"> </el-cascader>  
  13.         <span>所选地区：{{form.city | myAddressCity}}{{form.erae | myAddressErae}}{{form.minerae | myAddressMinerae}}</span> </el-form-item>  
  14.     </el-form>  
  15.   </div>  

 


原文地址:http://www.freejs.net/article_biaodan_844.html