在写微信小程序的时候遇到了这种错误: 渲染层报错,图片加载错误,渲染内容的时候错误。
这是控制台的报错
但是我在AppData中也能获取到数据,在网上查的是数据的返回形式写错了,但是我的不是那个问题
<view class="gird-list">
<view class="gird-item" wx:for=" {{gridList}} " wx:key="id">
<image src=" {{ item.icon }} "></image>
<text>{{item.name}}</text>
</view>
</view>
这是我的wxml代码,最后排查了自己没有写错的情况下,发现了是自己的wx:for 后边加了空格,所以报错,去掉空格就可以了
<view class="gird-list">
<view class="gird-item" wx:for="{{gridList}}" wx:key="id">
<image src=" {{ item.icon }} "></image>
<text>{{item.name}}</text>
</view>
</view>
记录一下自己的小错误,希望能帮到刚学习小程序的伙伴们。