1、引言
寒假是用来反超的!
一起来学习Vue把,这篇博客是关于实现省市区县数据联动效果,请多指教~
2、实现省市区县数据联动效果
其中包含一个核心文件,我用网盘给大家,下载之后放在你所需要的项目包里即可
链接:https://pan.baidu.com/s/1ojrVpcKgObtb1Sh-ydRPKw
提取码:nbra
实现效果如下图:
首先,我们需要对文件在界面处理模块script里面进行导入,路径这里是我放的包路径,不同的话可能需要修改一下,然后在data里面定义我们的数据对象
import cityData from './citydata.js'
以下是基于Element-UI的级联选择器的使用,options绑定我们的数据源,也就是我们刚刚定义的cityData
以下是界面主要源码(简单看一下就好了,关键点在于上面这张图):
<!--添加角色的对话框-->
<el-dialog
title=