• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

vue基于mint-ui实现城市选择三级联动

vue 搞代码 4年前 (2022-01-08) 40次浏览 已收录 0个评论

这篇文章主要为大家详细介绍了vue基于mint-ui实现城市选择三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

项目是基于vue2 的移动端项目,供大家参考,具体内容如下

1、实际效果

地址三级联动 mint-ui picker.png-600

2、首先你需要去下载一个包含中国省份,城市,区县的数据

如下:
(这个地址里面包含二级联动数据,三级联动数据,四级联动数据等,找到自己需要的)
(一个更好的中国地区数据,推荐用这个)

3、具体代码

主要是用到了mint-ui的本文来源gaodai#ma#com搞*代#码9网#picker组件,关于mint-ui的使用就自行看官网

Ⅰ、html组件

 <div> <p>地址3级联动:{{myAddressProvince}} {{myAddressCity}} {{myAddresscounty}}</p></div>

Ⅱ、组件方法

 

 

参考文章 vue mint-ui 实现省市区街道4级联动(mint-ui picker 的四级联动)

以上就是vue基于mint-ui实现城市选择三级联动的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:vue基于mint-ui实现城市选择三级联动

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址