uni-app 在VUE3中H5运行时,当页面同时存在nvue及vue文件,会将nvue的css样式带入导致页面排版被破坏
uni-app 在VUE3中H5运行时,当页面同时存在nvue及vue文件,会将nvue的css样式带入导致页面排版被破坏
1 回复
更多关于uni-app 在VUE3中H5运行时,当页面同时存在nvue及vue文件,会将nvue的css样式带入导致页面排版被破坏的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在V3版本中,uni-app的H5平台确实存在nvue样式污染问题。这是因为编译时会将nvue的样式文件(如index.nvue.css)注入到全局,影响其他vue页面的样式。
解决方案:
- 使用scoped样式:在vue文件中为style标签添加scoped属性,隔离样式作用域
- 样式命名规范:采用BEM等命名约定,避免样式冲突
- 条件编译:通过条件编译区分平台样式
/* #ifdef H5 */
/* H5特定样式 */
/* #endif */

