3***@qq.com
3***@qq.com
  • 发布:2020-04-01 15:41
  • 更新:2020-04-18 11:35
  • 阅读:745

【报Bug】v3编译模式下,组件之间样式互相冲突的问题

分类:uni-app

详细问题描述

同一个页面中引入多个组件,组件内部的样式没有私有化,导致多个组件间同类名的样式互相冲突。
如果去改类名,太麻烦了,整个项目大部分页面都有这个问题。

HX版本号:2.6.8.20200330

期望

v3版本能自动将组件内样式做私有化处理

2020-04-01 15:41 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_FXY

DCloud_UNI_FXY

Bug确认,已加分,后续优化。
临时解决方案使用scoped机制:https://cn.vuejs.org/v2/guide/comparison.html#%E7%BB%84%E4%BB%B6%E4%BD%9C%E7%94%A8%E5%9F%9F%E5%86%85%E7%9A%84-CSS

  • 3***@qq.com (作者)

    大佬,加scoped是可以的,目前我就是这么做的,改了30多个组件,挨个加scoped,很痛苦; 之前的v2模式是自动私有化的

    2020-04-01 17:23

  • 3***@qq.com (作者)

    之前看编辑器会自动把样式私有化,所以写组件的时候比较偷懒,没加scoped,类名也起的比较随意,好多重名。( ╯□╰ )

    2020-04-01 17:25

  • DCloud_UNI_FXY

    回复 3***@qq.com: v2主要是以小程序为准实现的,小程序组件默认私有化,v3调整以vue为标准实现,需要手动确认scoped

    2020-04-01 18:07

DCloud_heavensoft

DCloud_heavensoft

提供可复现示例

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