2020-02-28 12:20:11 版本 : vue 添加样式使用scoped属性,样式不起作用问题
作者: 陈婉 于 2020年02月28日 发布在分类 / 人防组 / 人防前端 下,并于 2020年02月28日 编辑
 历史版本

修改日期 修改人 备注
2020-02-28 12:21:41[当前版本] 陈婉 格式调整
2020-02-28 12:21:07 陈婉 格式调整
2020-02-28 12:20:26 陈婉 格式调整
2020-02-28 12:20:11 陈婉 格式调整

出现这种情况的原因

  • 父组件没有使用scoped标识,使用的子组件用了scoped标识,在父组件中设置子组件中的节点的样式
  • 父组件使用了scoped标识,子组件没有使用,父组件中设置子组件样式

所以

  • 如果我们添加了子组件,并且子组件使用scoped标识,那么在父组件中是不能设置子组件中的节点的样式
  • 若父组件有scoped,子组件没有设置,同样,也是不能在父组件中设置子组件的节点样式

若想在父组件中修改子组件的样式,应该怎么办

     第一种:穿透方法

<style scoped>
     外层 >>>第三方组件{
          样式
     }
</style>


     第二种:再写一个style,不加scoped

<style>
     /*全局样式*/
</style>
<style scoped>
     /*局部样式*/
</style>



历史版本-目录  [回到顶端]
    知识分享平台 -V 4.8.7 -wcp