如何更好的解决小程序渲染input性能的问题?

发布于 2022-09-13 00:13:03 字数 285 浏览 23 评论 0

需求场景:微信小程序,在商品列表中,每个item都有一个input,用来输入价格,商品列表可以上拉加载更多,有多少个item就有多少个input

发现问题:发现如果每个item都带input,加载更多商品到第五次(每次10条item,也就是大概50条)左右小程序就会崩溃闪退,经过多次测试,如果都不带input,性能可以得到非常大的提升,加载超过300条都不会崩溃

需要帮助:小程序没有类似innerHtml的方法来修改节点,如何更好的实现这个需求(每个item带input)?

谢谢大家~~~

补充:已删除

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

惯饮孤独 2022-09-20 00:13:03

默认不显示input 每个item有个编辑按钮 点击编辑后再显示对应的input 这样不行吗
不过我试了一下 在页面渲染了100个input标签 并没有出现卡顿 崩溃的现象

萌酱 2022-09-20 00:13:03

如果你认为是input过多造成的性能问题,那全局只有一个input就行,item点击假输入框(div)的时候触发事件跟参数出来,把外层input focus就行

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文