微信小程序渲染层错误:可以在AppData中获取到值但无法渲染到页面

微信小程序渲染层错误:可以在AppData中获取到值但无法渲染到页面

在我跟着视频(bili:BV1nE41117BQ)P78 学做小程序的过程中,遇到了这个问题,希望可以给遇见这个问题的朋友提供一些借鉴:

1、遇到的问题:

跟着老师做到这里的时候,老师在goods_detail.js中是这么获取值的如下图(我用老师的代码没办法获取到goodsObj中的值):
请添加图片描述
我改成这样便可以获取到值(如下图:
请添加图片描述
但是我渲染出来是这样的 如下两图(AppData可以正常获取到值):
在这里插入图片描述

请添加图片描述

2、解释:

如果是AppData可以正常获取到值,但是无法渲染出来,说明渲染的时候出了问题,将AppData打开查看信息
在这里插入图片描述
查看goods_detail.wxml中的各个商品信息的渲染代码,这个是不对的,解决办法看下一步:
在这里插入图片描述
由上面可以知道,goodsObj层级下面直接是goods_introduce,所以应该将goods_detail.wxml中的商品信息渲染代码改成:
在这里插入图片描述

如下图
goodsObj是从url中获取到的值
goods_name:goodsObj层级下的data下的message下的goods_name获取到赋值给goods_name(其他同理
此时传回到goodsObj的时候已经获取到具体的值了,如果此时再渲染,应该直接{{goodsObj.goods_name}}就可以获取到对应的值,(此时看AppData,goodsObj层级下就直接是在setData的时候赋的值的内容)

在这里插入图片描述

3、附上正确的完整代码:

goods_detail.wxml:
请添加图片描述
goods_detail.js:
在这里插入图片描述

希望能够给遇到这个问题的小白提供一点帮助

  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大猪蹄子风月凛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值