页面数据渲染

来源：5-14 tabs组件 - 进行基本的数据展示

qq_慕姐1024111

2021-08-25

老师我根据视频代码准备进行tab列表数据的格式排版，写完后在微信小程序的浏览界面看不到数据，但是数据是可以打印出来。后来我在html5页面下运行浏览，列表数据能够进行正常的渲染，很疑惑这是什么问题。
微信小程序界面及代码
图片描述
html5界面

更新内容

微信开发者工具dom结构:
图片描述

H5页面DOM结构：

代码警告：
图片描述

写回答

3回答

Sunday

2021-08-26

已采纳

你的mytabs组件注册怎么写到data里面了？应该写到components选项下

qq_慕姐1024111

这段代码自动生成不知道是不是不小心动到还是生成错了，换好位置可以渲染了，终于好了。谢谢老师!

2021-08-26

共1条回复

Sunday

2021-08-26

从你给出的截图来看， my-tabs 组件渲染出来的高度为0。

这种情况下一般只存在两种可能：

数据压根就没有渲染上去。
数据渲染了，但是因为样式i问题导致的高度为0，不显示。

你可以展开 dom 来仔细查看：

//img.mukewang.com/szimg/61271b5f09f7f77706230537.jpg

查看一下是否存在第一个红框中的 dom 。如果存在则是第二个可能，如果不存在则是第一个可能

qq_慕姐1024111

第一个红框的内容是有的，第二个红框到class="tab-item"以后的内容都是空的，样式应该是没有问题的，H5页面还是能够渲染出来的。我发现hot.vue文件自己生成了一些组件注册的代码，其中有一些代码是淡色显示警告，不知道是不是这个原因。警告详情我更新在问题了

2021-08-26

共1条回复

Sunday

2021-08-25

如果是这种情况的话，有可能是缓存问题。可以试试重启小程序项目

qq_慕姐1024111

Sunday

我查看了下2个端，数据传输的话都是通过打印检查都是有数据的，dom的话Html5页面可以查看到被渲染的dom，小程序这里只能看到部分被渲染的结构，但是最终数据列没有被渲染出来，详情页我更新在问题了，老师你看还能解决吗。。。

2021-08-26

共3条回复

uni-app从入门到进阶系统完成项目实战

专门为小程序0基础学员而设，让你拥有能上线的作品

1105 学习 · 743 问题

查看课程

相似问题

my-tabs组件这章，数据渲染不出来

回答 1

搜索数据不匹配

回答 2

语法和渲染问题

回答 1

请问一下是我数据没渲染完吗，还是什么问题？

回答 1

生命周期函数获取服务端数据

回答 1

打开慕课网App查看更多内容