vue中element-china-area-data依赖和element-plus级联选择器构建省市区三级联动
效果:
1.vue安装element-china-area-data
npm install element-china-area-data -S
引入依赖:
import {
regionData, CodeToText } from 'element-china-area-data'
2.elementplus级联选择器
<el-cascader></el-cascader>
3.代码:
<template>
<div>
<h1>三级联动和级联选择器的使用</h1>
<el-cascader :options='options' v-model='selectedOptions' @change='addressChange'></el-cascader>
</div>
</template>
<script>
import {
regionData, CodeToText } from 'element-china-area-data'
export default {
name: 'addaddress',
data(){
return{
options: regionData,//不带‘全部’的三级联动
//selectedOptions: "请选择",//或者写字符串,不影响数组格式。
selectedOptions: