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

  • 1、遇到的问题:
  • 2、解释:
  • 3、附上正确的完整代码:

在我跟着视频(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:

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

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

  1. # 解决微信小程序遮罩层底部页面滚动

    解决微信小程序遮罩层底部页面滚动 一.wxml文件添加catchtouchmove="move". <view class="" class=" ...

  2. 微信小程序手把手教你实现类似Android中ViewPager控件效果

    微信小程序手把手教你实现类似Android中ViewPager控件效果 前言 需求分析 头部TAB 滑动的内容部分 最终版本 尾巴 前言 在做Android开发的时候,ViewPager是开发者使用频 ...

  3. 黯然微信小程序杂记(一):从服务器获取数据 后端语言php

    黯然学编程 之 微信小程序杂记(一):从服务器获取数据 后端语言php 一.功能描述 二.服务器.数据库与微信小程序逻辑的关系 服务器 数据库 与微信小程序逻辑关系 三.请求数据的代码(可当做模板用) ...

  4. 微信小程序之登录跳转及调用接口获取信息

    最近学习微信小程序,新学了网页跳转及获取个人信息 网页跳转需要  wx.switchTab方法 获取信息的话,首先调用接口,然后取出数据就可以了. 首先创建两个html文件,代码如下 <view ...

  5. 微信小程序 #开发者工具 无法 在 资源管理器中 #右键 #新建page 的问题。

    微信小程序 #开发者工具 无法 在 资源管理器中 #右键 #新建page 的问题. 初学者怎么解决呢,建议尝试在设置(setting)_通用设置 _中更改语言,一般有"系统语言". ...

  6. 微信小程序云数据库where查询语句字段名和字段值都可以是变量

    微信小程序云数据库where查询语句字段名和字段值都可以是变量 想要实现的功能 遇到的问题 js代码 想要实现的功能 界面代码 // An highlighted block <view cla ...

  7. 微信小程序逻辑层视图层解析

    框架 小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务.框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于JavaScript的逻辑层 ...

  8. 微信小程序(三):选座系统(主要内容:列表渲染的应用)

    生活无趣且不易,一起找点乐子吧.欢迎评论,和文章无关的内容也没关系. 从这篇开始,做个简单的选座系统,也就是在界面上画出座位布局,在点击后根据座位情况进行选座或者离坐这么个东西. 其实写这篇文章的目的 ...

  9. 微信小程序编译的错误解决办法:Error: accessSync:fail no such file or directory

    文章目录 前言 一.编译报错 二.解决办法 1.点击(右上角)详情→本地设置→(版本号) 2.选择版本号,修改相应版本号,再点击推送 总结 前言 ~~本人在微信小程序中编写代码,使用到ESP8266- ...

最新文章

  1. 计算机视觉基本原理——RANSAC
  2. Mac下Android studio 之NDK配置教程(一)
  3. redis中的事务、lua脚本和管道的使用场景
  4. C#多线程函数如何传参数和返回值
  5. 虚拟机linux如何扩大内存吗,如何扩大Vmware虚拟机中Ubuntu系统磁盘空间的方法
  6. Flink 新场景:OLAP 引擎性能优化及应用案例
  7. 中科院战略咨询院与戴尔发布《产业数字化转型:战略与实践》研究报告
  8. 普林斯顿校长2018演讲:读书无用是最大的谎言
  9. ObjectContext的ApplyPropertyChanges()方法不能更新导航属性的解决办法
  10. mysql手册07_存储引擎
  11. 局域网入侵教程_黑客常用Linux 入侵工具:可获取目标浏览图片的EtterCap
  12. MQ,如何做到削峰填谷
  13. 洛谷 [樱花] 题解
  14. 传奇手游服务器搭建_复古传奇手游服务端架设教程
  15. hdu(杭电oj)第一页题目题解
  16. github star整理
  17. python 答题插件_大话西游答题器 Python版本
  18. 基于ARMv8的固件系统架构
  19. 总结:Web3用户体验的四个层
  20. canvas实现简单的刮刮乐功能

热门文章

  1. 最新易支付APP源码+已经优化修复
  2. 网络编程3-高并发服务器
  3. 【光圈】光圈是什么意思
  4. 淘宝大家问 java爬虫练习
  5. 前端工作总结124-数组转换为对象项目案例
  6. Tmd27711 三合一传感器流程
  7. 华为机试-密码强度等级
  8. 春秋云镜wp day1
  9. 直播时怎么将手机画面投屏到电脑上,实现大屏互动,更方便交流?
  10. 4、进制(二进制、八进制、十进制、十六进制)