Advertisement

在2.vue中使用元素-China-Area-Data依赖与Element-Plus级联选择器实现省市区三级联动

阅读量:

在Vue框架中,通过引入element-china-area-data依赖库与element-plus组件库中的级联选择器,可实现省市区三级联动功能的构建。

实现效果

image-20220127030930100
  1. 安装element-china-area-data组件于vue项目中
复制代码
    npm install element-china-area-data -S
    
    
      
    

引入相关依赖:

复制代码
    import { regionData, CodeToText } from 'element-china-area-data'
    
    
      
    
  1. Element Plus级联选择器组件
复制代码
    <el-cascader></el-cascader>
    
    
      
    

3.程序代码:

复制代码
    <template>
    	<div>
    		<h1>三级联动和级联选择器的使用</h1>
    		<el-c

全部评论 (0)

还没有任何评论哟~