Vue使用vue-area-linkage实现地址三级联动效果的示例
发布时间:2020-12-17 03:11:05 所属栏目:百科 来源:网络整理
导读:很多时候我们需要使用地址三级联动,即省市区三级联动。网上有很多插件,在此介绍Vue的一款地区联动插件:vue-area-linkage,下面介绍如何使用这个插件实现地址联动效果: 1.安装vue-area-linkage插件: npm install --save vue-area-linkage --registry=htt
很多时候我们需要使用地址三级联动,即省市区三级联动。网上有很多插件,在此介绍Vue的一款地区联动插件:vue-area-linkage,下面介绍如何使用这个插件实现地址联动效果: 1.安装vue-area-linkage插件: 2.在main.js上进行依赖注入,如下图所示: 3.在对应vue文件的template模板上写html标签,如下图所示: 4.在对应vue文件的script上进行data默认,如下图所示: 此时效果已经基本实现,如下图所示: 注意:该插件有多种联动效果,我这里做的是省市区街四级联动,所以 :level='3'。需要其他效果可去网上查询其他效果代码,点击查看。
此时效果如下图所示: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |