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

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

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

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

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

打开微信小程序开发工具,创建项目,并新建页面文件

2

/7

打开页面文件,插入一个view标签和block标签,并添加wx:for循环指令

3

/7

接着新建一个页面JavaScript文件,在data对象中初始化数组weeks

4

/7

保存代码并查看左侧的模拟器,可以查看到一个列表

5

/7

在view标签下方,添加一个button按钮,然后添加bindtap

6

/7

在对应的JS文件中,添加一个点击事件addData,并打印数组结果

7

/7

打开内置浏览器控制台,查看打印结果


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

原文地址:https://54852.com/yw/8049952.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存