当前位置：公众IT > 技术文章 > 为什么wx:for渲染在模拟器调试时成功，但在预览或真机调试时渲染失败？

为什么wx:for渲染在模拟器调试时成功，但在预览或真机调试时渲染失败？

新闻来源：互联网资料整理发布时间：2023/4/5 15:43:07 共计：4603 浏览

前言：

2小时前小编发现微信小程序用户：【C912】提出了一个关于“为什么wx:for渲染在模拟器调试时成功，但在预览或真机调试时渲染失败？”的问题,在问题中开发者C912对该问题做了如下阐述：

问题类型：

其他开发相关的问题:

问题描述：

以下是这个wx:for渲染的前后过程：

（1）对用户输入合法链接进行html内容获取。

（2）对该内容进行提取，得到一个较小的内容（大小只有数十k左右）。其内容已经被划分为若干部分，组成一个数组，记作article。

（3）进行setData。

（3）使用wx:for渲染。

问题表现：

（1）在电脑上可以渲染出正确的内容。

（2）在手机上，如果不使用wx:for，直接在view中展示整个article，可以成功，但是比电脑稍慢。

（3）在手机上，如果使用wx:for逐一展示article的每个元素，则失败。即是这个article只含有5个元素，每个元素长度只有不超过40个汉字，也无法正常显示。

（4）在手机上无法正常显示的表现是该页面直接白屏。但可以通过tabBar转到其他页面，其他页面不受影响。返回渲染失败的页面时，仍表现为白屏。

补充：

（1）尝试过初始化数组为空object{}或空array[]都还是白屏，初始化为含有一个元素（作为提示语句的字符串）的数组后也还是白屏。

（2）手机调试器无报错。在手机上时也能使用console输出正确的this.data.article，说明不是setData步骤的问题，因此我认为大概率就是渲染的问题。