微信小程序点击事件怎么写

事件类型

微信小程序点击事件怎么写

Input事件获取文本框的输入内容。event.detail.value

target和currentTarget

target是触发事件的源头组件,currentTarget是事件所绑定的组件。

<view class="item" bindtap="tapHandler" data-id="1">
<button type="warn" data-id="2">target测试</button>
</view>
tapHandler(e){
console.log(e.target.dataset.id);
console.log(e.currentTarget.dataset.id);
}

界面如下

微信小程序点击事件怎么写

当点击界面上的按钮,编号1的位置时,打印结果是2和1。

当点击按钮之外,编号2的位置时,打印结果是1和1。

事件以冒泡的形式向外扩散,所以点击了button,同样也会触发外层view的点击事件。

条件渲染

wx:if

wx:elif

wx:else

<view wx:if=”{{condition}}”>条件满足则显示内容</view>

wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。<block>并不是一个组件,不会在页面中做渲染。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至2705686032@qq.com 举报,一经查实,本站将立刻删除。原文转载: 原文出处:

(0)
尊云-小张的头像尊云-小张
上一篇 2024 年 5 月 1 日 09:59
下一篇 2024 年 5 月 1 日 14:01

相关推荐

发表回复

登录后才能评论

联系我们

400-900-3935

在线咨询: QQ交谈

邮件:cong@zun.com

工作时间:365天无休服务 24小时在线

添加微信