2***@qq.com

发布：2023-02-17 15:44
更新：2023-02-21 12:03
阅读：286

vue3 中 App nvue 使用 page-meta 标签后页面所有内容不渲染了

分类：uni-app

bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 13.0.1

HBuilderX类型：正式

HBuilderX版本号： 3.6.18

手机系统： Android

手机系统版本号： Android 12

手机厂商：模拟器

手机机型： android emulator

页面类型： nvue

vue版本： vue3

打包方式：离线

项目创建方式： HBuilderX

示例代码：

<script setup lang="ts">  
</script>  
<template>  
  <page-meta>  
    <navigation-bar title="设置" background-color="#fff" front-color="#222" />  
  </page-meta>  
  <view class="container">  
    profile  
  </view>  
</template>  

<style lang="scss" scoped>  

</style>

操作步骤：

运行以上代码即可发现页面内容空白，使用调试面板审查元素，没有任何页面内容节点

预期结果：

页面应有内容呈现

实际结果：

页面无任何内容

bug描述：

nvue中使用 page-meta 标签后页面所有内容都不渲染了，只要删掉page-meta标签立马恢复正常。

2023-02-17 15:44 负责人:无分享

2 个回复

DCloud_UNI_Anne

问题复现，已反馈相关人员排查，已加分感谢反馈！

DCloud_UNI_LXH

暂时先在节点最外层添加一个 view 节点包裹

要回复问题请先登录或注册

vue3 中 App nvue 使用 page-meta 标签后页面所有内容不渲染了

示例代码：

`<script setup lang="ts"> </script> <template> <page-meta> <navigation-bar title="设置" background-color="#fff" front-color="#222" /> </page-meta> <view class="container"> profile </view> </template> <style lang="scss" scoped> </style>`

操作步骤：

运行以上代码即可发现页面内容空白，使用调试面板审查元素，没有任何页面内容节点

预期结果：

页面应有内容呈现

实际结果：

页面无任何内容

bug描述：

2 个回复

公告

相关问题

vue3 中 App nvue 使用 page-meta 标签后页面所有内容不渲染了

示例代码： <script setup lang="ts"> </script> <template> <page-meta> <navigation-bar title="设置" background-color="#fff" front-color="#222" /> </page-meta> <view class="container"> profile </view> </template> <style lang="scss" scoped> </style>

操作步骤： 运行以上代码即可发现页面内容空白，使用调试面板审查元素，没有任何页面内容节点

预期结果： 页面应有内容呈现

实际结果： 页面无任何内容

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

示例代码：

`<script setup lang="ts"> </script> <template> <page-meta> <navigation-bar title="设置" background-color="#fff" front-color="#222" /> </page-meta> <view class="container"> profile </view> </template> <style lang="scss" scoped> </style>`

操作步骤：

运行以上代码即可发现页面内容空白，使用调试面板审查元素，没有任何页面内容节点

预期结果：

页面应有内容呈现

实际结果：

页面无任何内容