2***@qq.com

发布：2022-01-03 12:06
更新：2022-01-04 18:26
阅读：542

【报Bug】v-if切换渲染失效+页面重新渲染部分样式失效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.3.5

手机系统： Android

手机系统版本号： Android 11

手机厂商： OPPO

手机机型： OPPO Reno5k

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

打开项目，竖屏或横屏状态下输入标题后点击确认开播；横屏状态下切屏到手机桌面再回来

预期结果：

点击开播后页面组件应该由开播前组件转为开播后组件；切屏再回来后应保持不变

实际结果：

开播后上半部分的开播前组件依然渲染在页面上；横屏状态下切屏后来后部分字体样式失效（有时）

bug描述：

v-if切换条件后原页面渲染的东西还在；横屏状态下页面切屏再回来后部分样式失效

demo示例工程和运行demo时的操作步骤及bug展示视频已上传到附件

demo.rar

a7da8e9ac5192d2e1b8c9d21e002ea86.rar

2022-01-03 12:06 负责人:无分享

2 个回复

小枫叶 - 外包接单加v:wlmk1234567 注明来意

没有附件啊

2***@qq.com (作者)

这回都能看到了

2022-01-04 09:53

小枫叶 - 外包接单加v:wlmk1234567 注明来意

这个地方,如果逻辑设计复杂的话,建议跳转页面来做,nvue中多个if判断可能会造成页面的错乱

2***@qq.com (作者)

用子组件吗？那nvue页面的话可以用vue组件嘛

2022-01-04 18:59
chenli

回复 2***@qq.com: nvue页面不能使用vue组件

2022-01-05 10:08

该问题目前已经被锁定, 无法添加新回复

【报Bug】v-if切换渲染失效+页面重新渲染部分样式失效

操作步骤：

打开项目，竖屏或横屏状态下输入标题后点击确认开播；横屏状态下切屏到手机桌面再回来

预期结果：

点击开播后页面组件应该由开播前组件转为开播后组件；切屏再回来后应保持不变

实际结果：

开播后上半部分的开播前组件依然渲染在页面上；横屏状态下切屏后来后部分字体样式失效（有时）

bug描述：

2 个回复

公告

相关问题

【报Bug】v-if切换渲染失效+页面重新渲染部分样式失效

操作步骤： 打开项目，竖屏或横屏状态下输入标题后点击确认开播；横屏状态下切屏到手机桌面再回来

预期结果： 点击开播后页面组件应该由开播前组件转为开播后组件；切屏再回来后应保持不变

实际结果： 开播后上半部分的开播前组件依然渲染在页面上；横屏状态下切屏后来后部分字体样式失效（有时）

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

打开项目，竖屏或横屏状态下输入标题后点击确认开播；横屏状态下切屏到手机桌面再回来

预期结果：

点击开播后页面组件应该由开播前组件转为开播后组件；切屏再回来后应保持不变

实际结果：

开播后上半部分的开播前组件依然渲染在页面上；横屏状态下切屏后来后部分字体样式失效（有时）