Advertisement

vue里面的省市区三级联动.vue-area-linkage, 设置初始值并传递修改值给后台. 为什么编辑时显示的是第一个赋值结果? 如何解决

阅读量:

vue-area-linkage

Vue地区联动组件演示

安装

此处需安装v5及以上版本

执行命令:npm i --save vue-area-linkage area-data

在mian.js文件中进行注册操作

引入组件:import VueAreaLinkage from 'vue-area-linkage';

导入样式文件:import 'vue-area-linkage/dist/index.css';

调用插件:Vue.use(VueAreaLinkage);

随后在具体使用页面中导入相关模块

引入组件:import { AreaCascader } from "vue-area-linkage"
引入数据:import { pca, pcaa } from 'area-data';

同时在data部分定义所需数据

复制代码
 selected: [], //数组对应的就是选中的那个省市区。根据type来确定是省市区汉字的数组还是编码组成的数组。

    
               //selected[0]省。selected[1]市。selected[2]区。
    
 pca: pca,
    
 pcaa: pcaa
    
    
    
    

在进行表述时,存在两种不同的撰写方式

全部评论 (0)

还没有任何评论哟~