vant-ui AddressEdit 地址编辑怎么设置默认信息

A 胡先生 ༽ 2019-11-18 06:34:44

我拿到了省市区的字符串，怎么获取areaCode值

...全文

1433 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

三许 2020-12-09

打赏
举报

回复

老哥，请问解决了吗，还是你直接使用其他鬼东西自己搞呀

windows_king 2020-03-27

打赏
举报

回复

我用了你的方法，也看了官方文档可是就是不能设置默认值

AddressEdit 地址编辑 1.vant-ui地址编辑中已配置 :area-list=“areaList”，以初始化全部省市区的数据这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要，参照官方文档，进行相关配置，默认底部弹出。重要的是，官方没有说明具体怎么使用，所以在这里，要获取接收省市区的json数据。其中area.js文件在官方可以下载，放于assets/js/area.js ，然后引入文件，就可以了。如下： <van-nav-bar title=地址信息 left-text=返回 left-arr

1.配置 :area-list=“areaList”，以初始化全部省市区的数据，其中area.js文件在官方可以下载，放于assets/js/area.js 这是结合vant-ui弹出层一起用的，用弹出层包裹省市区选择的组件，然后根据需要，参照官方文档，进行相关配置，默认底部弹出。重要的是，官方没有说明具体怎么使用，所以在这里，用一个自定义属性 @confirm获取数据接收省市区的json数据...

vue项目程序

而有时候遇到复杂一点的需求就要我们自己封装，而仔细观察元素发现，这个错误校验并没有相应的类名，而是动态添加了元素。这时候有的同学可能就会有疑问，那这样的话怎么通过相应的类名去改变样式。我在这里用:has伪类来实现的，还可以加上一个错误时候的自定义动画。用过vant组件的都知道默认的错误样式很简单，只有简单的红字。可以用css的父元素选择器，判断是否有某个类名去添加样式。相应的scss，和less中也有对应的写法。在这里直说scc的写法，其他的自行百度。

细节未完善。参考地址编辑方面的应用。 1.订单提交地址等组件的应用。使用的组件有如下： import {Card,button,Toast,AddressList,Popup,AddressEdit,Area} from 'vant' 主要是配货地址编辑这块； <van-address-edit :area-list="area...

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章