zoukankan      html  css  js  c++  java
  • vue 添加样式使用scoped属性,样式不起作用问题

    出现这种情况的原因

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

    出现这种情况的原因

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

    所以

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

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

     

         1.第一种:穿透方法

    1
    2
    3
    4
    5
    <style scoped>
         外层 >>>第三方组件{
              样式
         }
    </style>
     

     

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

    1
    2
    3
    4
    5
    6
    <style>
         /*全局样式*/
    </style>
    <style scoped>
         /*局部样式*/
    </style>
     

     

  • 相关阅读:
    近来几个有用的网站
    军事视频网站
    美军武器命名
    区块链的五个关键要素
    处理多媒体的两个重要工具
    Python re模块将字符串分割为列表
    Python 自动刷新网页
    selenium:chromedriver与chrome版本的对应关系
    怎么批量删除QQ空间说说?
    ssm获取数据库名称
  • 原文地址:https://www.cnblogs.com/chenwan1218/p/13061095.html
Copyright © 2011-2022 走看看