Vant
xie_candy
来年花红,携猫与共
展开
-
重新封装vant小程序导航栏
vant自带的导航栏左侧箭头需要自己添加方法,但是在实际开发很多页面需要返回上一页,每次都要重写返回方法很麻烦,封装成一个单独组件会方便很多,样式也可以自己直接调节。原创 2022-06-13 12:12:32 · 832 阅读 · 0 评论 -
小程序van-stepper在输入0删除本条数据,渲染后下一条数据变为0的bug
项目场景:通过wx:for渲染一组数据,通过计步器减少到0,或者直接输入0,等于删除本条数据。问题描述检测到计步器的value为0时,通过splice()方法删除本条数据后,下一条数据的计步器也变成0,重新赋值也无效。 原因分析及解决思路1. 考虑到异步变的问题,设置async-change属性后,通过减少按钮变成0之后删除的数据能正确渲染,但是通过输入0的方式还是有问题。2. 经过测试,如果删除的数据计数和下一条的数据计数一样,那么删除该条数据后,下一条数据的val.原创 2022-05-30 12:00:16 · 1467 阅读 · 2 评论 -
DropdownMenu 下拉菜单的使用
官方例子 :Vant Weapp - 轻量、可靠的小程序 UI 组件库官方的代码演示不够详细,这里记录一下,效果图注意事件是写在<van-dropdown-item> 里,如:bind:opened="onOpenDropdown"wxml:<view class=" custom-flex-row-start van-hairline--bottom"> <text>仓库:</text> <van-dropdo..原创 2021-09-23 18:28:10 · 4727 阅读 · 0 评论 -
vant Toast 轻提示报错
在小程序使用版本是1.8.3,按官方教程引入报错 xx is not defind,路径不对仔细对比之后,发现我这里路径里没有dist文件夹,改为本地路径就行了原创 2021-09-23 17:43:44 · 345 阅读 · 0 评论 -
vant 组件Popup和DatetimePicker 在小程序的结合使用
如图,开始时间和结束时间复用一个时间组件,在每次点击选择时间时,应默认选中上次选择的时间,所以开始时间和结束时间应区分开来。因为设计图的时间格式yyyy-mm-dd,获取的时间格式是 yyy/mm/dd,注意时间的转换处理,<van-datetime-picker>中value格式为毫秒,否则会报错在app.json或index.json中引入组件"usingComponents": { "van-datetime-picker": "@vant/weapp/dateti...原创 2021-09-19 18:10:10 · 2247 阅读 · 0 评论 -
vant dialog添加自定义输入框
刚写完ui就改变了页面布局,那就放这儿。wxml: <!-- 新增标签弹窗 --> <van-dialog use-slot title="请输入标签名" show="{{ show }}" show-cancel-button confirm-button-color="#4859E5" bind:close="onClose" bind:confirm="addLabel"> <van-cell-group> &.原创 2021-09-10 10:08:15 · 3418 阅读 · 0 评论