微信小程序JS中获取ID和Class怎么获取

微信小程序JS中获取ID和Class怎么获取,第1张

微信小程序跟 Web 开发有着很大的区别,只是采用了 HTML/CSS/JS 相似的语法而已。

它并不支持 DOM *** 作;即使是 wxcreateSelectorQuery() 也仅仅是阉割版,只包括宽高等布局信息。

建议题主先把微信提供的开发文档完整的阅读一遍,以减少不必要的困扰。

问题:在微信小程序中使用height:calc(xx - xx)设置元素高度无效

排查原因:calc属性设置height或width时,要求父容器有明确的对应属性设置,当父容器没有设置时,calc计算无法完成。因为我想设置高度的元素没有父容器,所以calc失效。

解决办法:1给该元素添加设置明确高度的父容器。2直接通过page{height:100%;}解决。

bindChange为输入框发生改变事件。微信提供的bindchange在支持方面还有小问题,目前是失去焦点才能触发到此事件的发生。

如果在 bindchange的事件回调函数中使用 setData改变 current值,则有可能导致 setData被不停地调用,因而通常情况下请在改变 current值前检测 source字段来判断是否是由于用户触摸引起。

swiper里加了bindchange事件,有很多个swiper-item,连续快速切换swiper-item触发bindchange事件,小程序会出现一直无限触发bindchange事件。请检查是否在change事件中使用setData改变current值,请避免该 *** 作。

/iknow-piccdnbceboscom/7af40ad162d9f2d3cdb66f00a7ec8a136227ccbe"target="_blank"title="大图"class="ikqb_img_alink">/iknow-piccdnbceboscom/7af40ad162d9f2d3cdb66f00a7ec8a136227ccbex-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=">

扩展资料

bindchange是swiper组件的属性之一,类型为eventhandle。

current改变时会触发change事件,eventdetail={current,source}。当滑块的current改变时会触发该事件并执行绑定的方法。

swiper组件是小程序中使用频次最高的组件之一,属于视图容器类组件,它通过对自身属性进行简单配置就可以实现在前端开发中要写很多代码才能完成的轮播图效果。

参考资料:

/developersweixinqqcom/miniprogram/dev/component/swiperhtml"target="_blank"title="微信官方文档-swiper">微信官方文档-swiper

微信小程序中的rich-text可以接收转移html标签

字体的样式处理 可以通过 给rich-text添加类名设置字体样式

的样式(自适应)

获取的html标签字符串replace(/<img/g, '<img style="max-width:100%;height:auto;display:block;margin:10px 0;"')

以上就是关于微信小程序JS中获取ID和Class怎么获取全部的内容,包括:微信小程序JS中获取ID和Class怎么获取、关于微信小程序css样式中calc属性不生效问题的解决方案、微信小程序bindchange是什么事件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存