原因:

      新添加的dom或v-html添加的虚拟dom,在实际意义上是一个子组件,vue中当我们给style设置了 scoped,该样式就只针对当前组件生效,样式不会渗透到子组件。

解决办法:

      1. 把样式写在公共全局css中。

      2.使用深度选择器 >>> 或 /deep/。注意:>>>只在css中生效,Less\Sass中不生效。语法:

        css :

              .parent  >>> .child{  } 或者 .parent  /deep/ .child{  }

        less/sass:

            .parent{

                 /deep/  .child{}

             }

 

Logo

前往低代码交流专区

更多推荐