vue 动态增加的组件 在<style scoped>中不生效

882 阅读1分钟

新添加的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{}

             }