微信小程序 | 按钮点击(bindtap)失效

微信小程序 | 按钮点击(bindtap)失效,第1张

        在写一个小程序界面的时候,发现这个页面的按钮点击失效,打印log打印不出来,而其他页面的点击事件仍旧可以触发。找了半天发现按钮被textarea组件遮挡了,导致点击不到。

解决办法:给textarea添加样式,修改它的高度。

注意:可通过下面这个窗口查看各部分大小及其位置,遇到组件失灵时可以先看一下有没有被覆盖。

无论小程序,还是安卓开发,列表点击跳转传值是必备掌握的基础知识。

跳转传值有多种方式,1可以单穿某个字段,2可以传对象。

这里我只讲下怎么传递对象,在实际开发中,传对象是普遍选择的一种传值方式。

下面是一个类表展示的数据

分析:

1列表的点击事件,最重要的是如何获点下对应item的position 下标

定义一个下标:通过 wx:for-index="index" ,并指定 <view id="{{index}}"/>

2通过定义好的下标index获取对象。

获取方式: eventcurrentTargetid

再通过: JSONstringify() 得到let;

3怎么接收

let item = JSONparse(optionsdataObject);

dataObject 参数是跳转url 定义的,类似一般的get请求格式,不多说

最后总结一下:

也可以通过自定义属性来指定下标 data - xxxx

再获取: eventcurrentTargetdatasetpostid

传递多个参数: 就是一个url路劲拼接而成

一:url带参数传递

与前端语言一样,小程序页面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面。

indexwxml:

效果图:

二:将值存入全局变量

我们同样可以将需要的值存入全局变量中,在需要的地方直接引用就好了。

需要用到全局变量时记得要先获取应用实例: const app = getApp()

三, 用event传值

JS文件

以上就是关于微信小程序 | 按钮点击(bindtap)失效全部的内容,包括:微信小程序 | 按钮点击(bindtap)失效、微信小程序 跳转传值实现方式、微信小程序实现wxml视图向js传递参数的方法(点击view带参数进入js)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9432053.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存