vant点击 选择时间 弹出 pop

本文介绍了如何使用 vant UI 框架实现点击事件触发底部弹框选择时间的功能。通过绑定 v-model 控制弹框显示,利用 van-popup 组件结合 this.showobj 实现弹框的显示与隐藏。在选择时间后,能够打印并渲染到页面上。
摘要由CSDN通过智能技术生成

参考: https://www.cnblogs.com/dudu123/p/10032573.html
点击送礼对象,出现底部弹框,选择对象,可以打印出来选择的,渲染到页面

底部弹框的逻辑实现是
给van-popup组件绑定v-model=“showobj” 然后调用this.showobj控制显示与隐藏

选择以前和选好后,字的颜色不一样
https://blog.csdn.net/qq_41153478/article/details/80320557
在这里插入图片描述

//div绑定
:style="obj"
//data实例挂载
obj: {
        color: '#a1a1a1'
      },
在点击事件里面添加      
this.obj.color = 'black' // 点击来控制字体颜色切换

渲染到页面

:title="titleobj"
this.titleobj = value

点击送礼时间,出现底部弹框,选择时间,可以打印出来选择的时间

HTML:
<!-- 送礼时间 -->
      <van-cell :title="titletime"
                class="color-grey"
                :s
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值