微信小程序渲染层错误:可以在AppData中获取到值但无法渲染到页面
微信小程序渲染层错误:可以在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中获取到值但无法渲染到页面相关推荐
- # 解决微信小程序遮罩层底部页面滚动
解决微信小程序遮罩层底部页面滚动 一.wxml文件添加catchtouchmove="move". <view class="" class=" ...
- 微信小程序手把手教你实现类似Android中ViewPager控件效果
微信小程序手把手教你实现类似Android中ViewPager控件效果 前言 需求分析 头部TAB 滑动的内容部分 最终版本 尾巴 前言 在做Android开发的时候,ViewPager是开发者使用频 ...
- 黯然微信小程序杂记(一):从服务器获取数据 后端语言php
黯然学编程 之 微信小程序杂记(一):从服务器获取数据 后端语言php 一.功能描述 二.服务器.数据库与微信小程序逻辑的关系 服务器 数据库 与微信小程序逻辑关系 三.请求数据的代码(可当做模板用) ...
- 微信小程序之登录跳转及调用接口获取信息
最近学习微信小程序,新学了网页跳转及获取个人信息 网页跳转需要 wx.switchTab方法 获取信息的话,首先调用接口,然后取出数据就可以了. 首先创建两个html文件,代码如下 <view ...
- 微信小程序 #开发者工具 无法 在 资源管理器中 #右键 #新建page 的问题。
微信小程序 #开发者工具 无法 在 资源管理器中 #右键 #新建page 的问题. 初学者怎么解决呢,建议尝试在设置(setting)_通用设置 _中更改语言,一般有"系统语言". ...
- 微信小程序云数据库where查询语句字段名和字段值都可以是变量
微信小程序云数据库where查询语句字段名和字段值都可以是变量 想要实现的功能 遇到的问题 js代码 想要实现的功能 界面代码 // An highlighted block <view cla ...
- 微信小程序逻辑层视图层解析
框架 小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务.框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于JavaScript的逻辑层 ...
- 微信小程序(三):选座系统(主要内容:列表渲染的应用)
生活无趣且不易,一起找点乐子吧.欢迎评论,和文章无关的内容也没关系. 从这篇开始,做个简单的选座系统,也就是在界面上画出座位布局,在点击后根据座位情况进行选座或者离坐这么个东西. 其实写这篇文章的目的 ...
- 微信小程序编译的错误解决办法:Error: accessSync:fail no such file or directory
文章目录 前言 一.编译报错 二.解决办法 1.点击(右上角)详情→本地设置→(版本号) 2.选择版本号,修改相应版本号,再点击推送 总结 前言 ~~本人在微信小程序中编写代码,使用到ESP8266- ...
最新文章
- 计算机视觉基本原理——RANSAC
- Mac下Android studio 之NDK配置教程(一)
- redis中的事务、lua脚本和管道的使用场景
- C#多线程函数如何传参数和返回值
- 虚拟机linux如何扩大内存吗,如何扩大Vmware虚拟机中Ubuntu系统磁盘空间的方法
- Flink 新场景:OLAP 引擎性能优化及应用案例
- 中科院战略咨询院与戴尔发布《产业数字化转型:战略与实践》研究报告
- 普林斯顿校长2018演讲:读书无用是最大的谎言
- ObjectContext的ApplyPropertyChanges()方法不能更新导航属性的解决办法
- mysql手册07_存储引擎
- 局域网入侵教程_黑客常用Linux 入侵工具:可获取目标浏览图片的EtterCap
- MQ,如何做到削峰填谷
- 洛谷 [樱花] 题解
- 传奇手游服务器搭建_复古传奇手游服务端架设教程
- hdu(杭电oj)第一页题目题解
- github star整理
- python 答题插件_大话西游答题器 Python版本
- 基于ARMv8的固件系统架构
- 总结:Web3用户体验的四个层
- canvas实现简单的刮刮乐功能