微信小程序label控件,你们真的会用吗?

本文介绍了一种在不使用可见按钮的情况下实现分享功能的方法。通过将一个隐藏的button与label标签绑定,使得点击label即可触发分享操作。此技巧特别适用于需要美观界面而不希望显示按钮的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先看官方文档


我想知道你们能明白这个bangding是什么意思吗?反正我是不明白。

如何绑定呢?后面有代码,但是你依然看不明白是什么意思!

通过验证发现,这里的绑定就是点击label标签包含的区域相当于,点击绑定的控件!

很实用的一个地方就是

不用button,用不了按button 分享,open-type='share'这个属性,

很关键吧,这个时候可以在布好的view外面加上一个label,然后用一个隐藏的button跟label绑定,这样的话点击label就相当于点击

button就可以实现分享功能。

<button id='share' open-type="share" size="mini" plain='true' hidden='true'></button>
<label for='share'>
      <image src="../../images/Share.png" mode="center"></image>
      <text class="bottom-item-text">{{item.repost}}</text>
</label>
就像这样。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值