vue系列---基于 Element UI 的省市区街道联动选择组件
2018-01-12 17:04
996 查看
vue-area-linkage
省市区联动选择,基于 Element UI. 组合数据来源:area-data下载组件:
npm i --save vue-area-linkage
引入组件在 main.js:
import Vue from 'vue'; import VueAreaLinkage from 'vue-area-linkage'; Vue.use(VueAreaLinkage)
在组件中进行应用:
// basic <area-select v-model="selected"></area-select> <area-cascader v-model="selected2"></area-cascader> //setting <div class="areainp"><area-cascader type='text' :level='1' v-model="value1" placeholder="请选择地址"></area-cascader></div>
页面展示效果:
相关文章推荐
- vue+webpack+amaze-vue实现省市区联动选择组件
- vue省市区三联动下拉选择组件的实现
- vue省市区三联动下拉选择组件的实现
- vue省市区三联动下拉选择组件的实现
- 手把手教你webpack+vue+amaze-vue实现省市区三级联动选择组件
- 前端架构组件化开发系列二 (基于VUE 扩展组件)
- vue仿京东省市区三级联动选择组件
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)
- vue2——基于element UI 的分页组件
- vue用mint-ui的picker组件封装一个省市区三级联动组件
- vue基于mint-ui的城市选择3级联动的示例
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)
- Android省市区三级联动滚轮选择(真实项目中提取出来的组件)
- vue基于element的区间选择组件
- 适应移动端的地址四级(省市区街道)联动选择
- 选择收货地址,省市区街道联动
- 基于 Vue 的树形选择组件的示例代码