微信小程序坑之---text嵌套text标签,点击事件失效

小程序要增加一个复制订单编号的需求,原本订单编号是用text标签进行展示的,新增按钮时候自然而然想到了在里面嵌套一个text标签,然后增加了一个点击事件 bindtap ,但是这个事件完全不生效,在里面随意打印一串数字都不出来,然后就走上了排查问题之路。
最开始尝试的是认为可能是层级问题,点击不到按钮所以点击时间不生效,因此给了按钮一个相对定位并给了999的层级,但是依然不生效;接着怀疑是不是text标签不能嵌套text标签的问题,各种百度之后发现没有说不能够嵌套的问题,而且官方文档也明确说是可以且只可以嵌套text的。
在这里插入图片描述
接着又尝试了下把最外层的text换成了view标签,结果可以了。查阅资料,有很多说是因为text互相嵌套之后有的问题,那大概是官方的bug吧。这个文章就是用自己的错误给大家提醒~

重点: text嵌套text标签,bintap点击事件会失效,把外层text标签换成view标签即可!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序是一种在微信平台上运行的轻量级应用程序,它能够提供各类功能和服务给用户。其中,<van-button>是一种常用的组件,用于创建按钮。 <button>标签是用于创建 HTML 页面上的按钮元素,而<v-button>是微信小程序中的按钮组件,在实际开发中用于构建用户界面。其中,点击事件可以通过设置按钮的bindtap属性来触发。 要实现按钮点击后变色的效果,可以通过在按钮的bindtap事件中设置样式的方式来实现。在<van-button>中,可以使用默认的样式或者通过设置自定义样式来变换按钮的颜色。 首先,在<wxml>文件中创建一个<v-button>标签作为按钮,设置按钮的bindtap属性来绑定点击事件。在事件处理函数中,通过设置按钮的样式来改变按钮的颜色。 在<van-button>的样式中,可以设置不同状态下按钮的颜色,例如设置在按下时的背景色为红色。可以使用CSS的伪类选择器来设置按钮的不同状态,例如:hover、:active等。 在实际开发中,可以根据需求来设定按钮点击后变色的效果,如改变背景色、边框颜色等。通过合理运用组件和样式设置,可以快速实现按钮点击变色的效果,提升小程序的用户体验。 总之,通过在微信小程序中使用<van-button>组件,并设置点击事件触发按钮样式的变化,可以实现按钮点击后变色的效果。小程序开发者可以根据具体需求和设计风格,自定义按钮的样式,以实现更好的视觉效果和用户交互体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值