vue实现省市区三级联动

LW0512

于 2022-04-15 09:53:25 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签：前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/LW0512/article/details/123897793

版权

本文介绍了如何在Vue项目中利用Element UI的Cascader组件，实现省市区的三级联动效果，提供了详细的过程和相关资源链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue实现省市区三级联动

效果图 (通过element的Cascader 级联选择器实现的)

在这里插入图片描述

实现过程

npm install element-china-area-data -S

import {
    regionData } from 'element-china-area-data';;//先在需要显示省市区的页面

最低0.47元/天解锁文章

博客等级

码龄5年

113
原创

98
点赞

246
收藏

24
粉丝

关注

私信

热门文章

分类专栏

小程序 12篇
vue 12篇
前端基础 4篇
日期 2篇
正则 1篇
移动端 25篇
js 19篇
css 5篇
html 2篇
跨域
ajax 4篇
json 2篇
bootstrap 8篇
vuex 1篇
jq 3篇
jquery 2篇
jq基础 1篇
选择器
高级函数 1篇
运动 1篇
拖拽 1篇
放大镜 1篇
dom 7篇
轮播图 1篇
BOM

最新评论

Vue--时间戳转换日期格式
qq_52251486: 可以这样转换成年月日时分秒
Vue--时间戳转换日期格式
qq_52251486: <el-table-column label="上次登录时间" prop="lastLoginTime" align="center"> <template slot-scope="scope"> {{ formatDate(scope.row.lastLoginTime) }} </template> </el-table-column>
Vue--时间戳转换日期格式
qq_52251486: formatDate(timestamp) { const date = new Date(timestamp); const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, '0'); const day = String(date.getDate()).padStart(2, '0'); const hours = String(date.getHours()).padStart(2, '0'); const minutes = String(date.getMinutes()).padStart(2, '0'); const seconds = String(date.getSeconds()).padStart(2, '0'); return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; }
在uniapp中使用qiun-data-charts组件
植满豆: 如果是柱状图或者是混合图的话，怎么增加每个数据条的边距呢？试了data的padding，无效。
Vue--时间戳转换日期格式
佛前一只鱼(σﾟ∀ﾟ)σ⁶⁶⁶⁶⁶⁶⁶⁶: 报错·： TypeError: _ctx.parseTime is not a function，怎么解决呢？

大家在看

最新文章

目录

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。