微信公众号开发服务

SEO优化-搜狗360搜索引擎营销推广

微信小法度榜样点击事宜,微信小法度榜样点击事宜背景色彩忽然变了

smile 2022-11-13 微信公众号开发服务 10 views 0

今天给各位分享微信小程序点击事件的知识,其中也会对微信小程序点击事件背景颜色突然变了进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

微信小法度榜样 | 按钮点击(bindtap)掉效

        在写一个小法度榜样界面的时刻,发明这个页面的按钮点击掉效,打印log打印不出来,而其他页面的点击事宜仍然可以触发。找了半天发明按钮被textarea组件遮挡了,导致点击不到。

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

留意:可经由过程下面这个窗口查看各部分大小及其地位,碰到组件掉灵时可以先看一下有没有被覆盖。

微信小法度榜样点击切换class

在浏览器端开辟时,经常会有这种情况:单击某个元素,让其高亮显示,例如下图

这个用 js 很轻易实现, 因为单击事宜触发时,函数传入的 event 事宜包含 target 对象,里面会有触发事宜的 DOM 元素,我们只须要操作这个 DOM 元素,为其添加 class 名就好了。

而在微信小法度榜样开辟时,因为其类似于 vue 不建议直接操作 DOM (两者都有API可以做到),事宜触发的时刻同样会有默认参数传入, 然则无法直接取到 DOM 节点本身,而是包含挂载的一些数据,和点击部位的坐标信息等,具体参阅官方文档 《事宜·小法度榜样》 , this 也老是指向 Page ,所以我们就须要 经由过程数据间接把持 DOM 来实现。

例如我碰到的问题是,我想做一个月历,当你选中某一天的时刻,那一天高亮显示。

因为本身在做这一块时碰到了很多这方面的困惑,所以我在网上看了一些解决筹划,下面列举一种在 CSDN 上看到的筹划 :

这个办法绑定了一个动态的 class 名,用一个变量 _num 可以做到切换 class 的感化,当点击元素时,js 获取到节点上 data-num 上的值,这里将值赋给变量 _num ,响应的因为是数据驱动,节点上的 class 名经由计算变更为 cur ,其他的同理。

在没有搞清这个办法前,我制造月历是应用的前提衬着。具体做法是,每个日期节点预备两个 DOM 元素,一个带有 class="selected" ,一个没有, 经由列表衬着之后每个单位实际上存在两个逻辑上的元素,这个时刻经由过程点击改变 Page 中 data 里面的 selectedDate 和 selectedDate ,进一步控制 wx:if 的前提来实现元素的衬着与否。

点击事宜产生时,获取节点中的 data-month 和 data-date 值, 并赋给 selectedDate 和 selectedDate

因为每个月都有某些日期, 所以加个月份限制 ,这里我设置了只做从这个月到将来6个月的月历,所以不须要加年份限制。

深知这个筹划问题很大,是这一类的MVVM框架因的前提衬着切换消费较大,微信小法度榜样开辟文档中介绍了 wx:if 相干 :

当用户点击某个日期的时刻会从新衬着全部 DOM ,所以这个筹划并不好。

搞懂前面的逻辑,再来看这个筹划就会很明白了。

微信小法度榜样怎么靠点击事宜拿到对应数组的独一id?

1、请求获取的数据赋值给页面data中;

2、页面 wx:for轮回输出 并每个item中添加bindtap点击事宜 clickid(item.id)

3、js中clickid点击事宜中 就拿到id了

clickid(id){

console.log(id)

}

若何应用微信小法度榜样中的按钮事宜实现界面跳转

创建一个你想要跳转的页面文件index.wxml

在跳转前的页面中参加按钮组件并绑定跳转事宜

在跳转前页面对应的js文件中添加绑定事宜

这个时刻点击按钮控制台会报错路径找不到

在微信小法度榜样设备文件中设备新加的页面

这个时刻就主动生成了新增页面的各类文件

页面也可以跳转了

第一次研究小法度榜样,也第一次写博客,出缺点迎接人人斧正!

微信小法度榜样点击事宜,微信小法度榜样点击事宜背景色彩忽然变了 第1张

微信小程序点击事件的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于微信小程序点击事件背景颜色突然变了、微信小程序点击事件的信息别忘了在本站进行查找喔。

猜你喜欢

发表评论

发表评论:

扫描微信

扫一扫添加微信

分享:

支付宝

微信