解决vant有赞Coupon优惠券选择器组件Bug

最近移动端商城项目整体使用有赞vant组件，在使用Coupon优惠券选择器组件时按照官方文档做并没有出现一样的效果发个对比图

官方代码以及展示效果

自己按照官方代码展示的效果

废了半天的时间在源码里找到了原因更改优惠券

coupons属性如下

coupons: [{id: 1,//优惠券iddiscount: 0,//折扣券 折值 整数 为0不显示折denominations: 100,//优惠券金额 单位分originCondition: 50, //满减规则金额 单位分 为0显示无门槛value: 12,//折扣券优惠金额，单位分name: '优惠券名称',//优惠券名称description: '描述信息',//描述信息reason: '',  //不可用原因，优惠券不可用时展示startAt: 1489104000,//卡有效开始时间 (时间戳, 单位秒)endAt: 1514592000//卡失效日期 (时间戳, 单位秒)},],

效果就出来了

给那些使用vant组件的人防止踩坑欢迎交流

解决vant有赞Coupon优惠券选择器组件Bug相关推荐

解决 Vant中输入框（Field）组件获取不到输入值
问题: Vant框架中输入框field组件绑定的value值不会同步更新到data中定义的的变量上: 解决: 通过绑定对应的事件,并触发该事件来更新data中定义的变量值: <template& ...
微信小程序——引入vant有赞组件 2022年3月3日
引入vant有赞组件 1.使用管理员权限打开cmd 运行命令 npm init -y 2.下载资源包 npm i @vant/weapp -S --production 3.在开发工具内选择工具-&g ...
小程序日期（日历）时间选择器组件
封装一个小程序日期(日历)时间选择器组件简要说明: 一共两个版本 ,date-time-picker 和 date-time-picker-plus. date-time-picker 弹窗层是 ...
html5地区级联选择,【JS】vue+vant移动端地区级联选择组件
首页专栏 javascript 文章详情 0 vue+vant移动端地区级联选择组件 quanta发布于今天 08:25 写在开头:项目的框架是vue+vant,业务需求一个级联的地区选择,写完才 ...
vue-cli ——解决多次复用含有Echarts图表组件的问题
vue-cli --解决多次复用含有Echarts图表组件的问题参考文章: (1)vue-cli --解决多次复用含有Echarts图表组件的问题 (2)https://www.cnblogs.co ...
js日期控件_11个开源的Github开源日期选择器组件，供你选择
介绍本文主要介绍几个Vue的时间日期选择器组件,目的在于让开发者们多一些选择,不管是从功能还是从样式,都可以选择一个适合的组件,这些组件没有绝对的好与不好,就看个人如何选择了,以下分别介绍十一个日期 ...
解决使用elementUI框架el-upload上传组件时session丢失问题
解决使用elementUI框架el-upload上传组件时session丢失问题参考文章: (1)解决使用elementUI框架el-upload上传组件时session丢失问题 (2)https: ...
JavaScript：日期选择器组件的使用
前言: 在实际项目开发中,日期选择是一个十分常见而且重要的问题,在表单中设计到日期的验证时,如果让用户自己输入时间的话,那么使用正则进行验证其正确性是不可取的,因为他一般只能验证日期的格式,无法准确的 ...
【微信小程序】选择器组件picker
文章目录 [微信小程序]选择器组件picker picker组件的定义 picker组件的类型 picker属性共同的属性时间选择器time 参考 [微信小程序]选择器组件picker picke ...

解决vant有赞Coupon优惠券选择器组件Bug

解决vant有赞Coupon优惠券选择器组件Bug相关推荐

最新文章

热门文章