Vue 组件 good-coupon - 优惠券功能实现
这段代码是一个 Vue 组件的导出部分,名为'good-coupon'。该组件引入了两个子组件 uniPopup 和 validCode,并定义了一些数据和方法。
数据部分:
- coupuptype: 优惠券类型
- couponvalue: 优惠券金额
- couponone: 优惠券状态(1、2、3)
- aliaccout: 支付宝账号
- selectbankon: 选择的银行索引
- banktext: 选择的银行文本
- pwarr: 密码键盘数字
- bank: 银行列表
- dotlist: 密码输入列表
- prentindex: 父组件索引
计算属性部分:
- aliaccoutv: 对支付宝账号进行隐藏处理
生命周期钩子部分:
- mounted: 组件挂载后执行的函数
方法部分:
- init: 初始化函数,根据传入的参数 item,设置 couponvalue 和 prentindex
- togglePopup: 切换弹出框状态,根据传入的参数 type 设置 coupuptype,并重置其他相关数据
- goone: 设置 couponone 为 1
- gotwo: 设置 couponone 为 2
- gothree: 设置 couponone 为 3,并清空 dotlist
- selectbank: 选择银行,根据传入的参数 val 和 index 设置 selectbankon 和 banktext
- dotnum: 处理密码键盘点击事件,根据传入的参数 val 和 index 进行相应操作,并更新 dotlist 数组
- getPwd: 获取密码,根据传入的参数 val 进行相应操作,并触发'reparent' 事件,并在支付过程中显示加载动画,3秒后隐藏加载动画
以上是代码的大致功能和逻辑。
原文地址: https://www.cveoy.top/t/topic/P11 著作权归作者所有。请勿转载和采集!