如何更好的解决小程序渲染input性能的问题?
需求场景:微信小程序,在商品列表中,每个item都有一个input,用来输入价格,商品列表可以上拉加载更多,有多少个item就有多少个input
发现问题:发现如果每个item都带input,加载更多商品到第五次(每次10条item,也就是大概50条)左右小程序就会崩溃闪退,经过多次测试,如果都不带input,性能可以得到非常大的提升,加载超过300条都不会崩溃
需要帮助:小程序没有类似innerHtml的方法来修改节点,如何更好的实现这个需求(每个item带input)?
谢谢大家~~~
补充:已删除
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
默认不显示input 每个item有个编辑按钮 点击编辑后再显示对应的input 这样不行吗
不过我试了一下 在页面渲染了100个input标签 并没有出现卡顿 崩溃的现象
如果你认为是input过多造成的性能问题,那全局只有一个input就行,item点击假输入框(div)的时候触发事件跟参数出来,把外层input focus就行