uni-app v-if切换渲染失效 页面重新渲染部分样式失效

uni-app v-if切换渲染失效 页面重新渲染部分样式失效

操作步骤:

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

预期结果:

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

实际结果:

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

bug描述:

  • v-if切换条件后原页面渲染的东西还在;横屏状态下页面切屏再回来后部分样式失效
  • demo示例工程和运行demo时的操作步骤及bug展示视频已上传到附件

demo.rar

a7da8e9ac5192d2e1b8c9d21e002ea86.rar


更多关于uni-app v-if切换渲染失效 页面重新渲染部分样式失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

没有附件啊

更多关于uni-app v-if切换渲染失效 页面重新渲染部分样式失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这回都能看到了

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

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

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

回到顶部