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

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

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

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

谢谢大家~~~

补充:已删除

阅读 2.8k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题