之前经常有遇到这样一个问题:<style>标签添加了scoped属性之后,有些css样式是无效的。后来查了官网才知道,官方早有解释。如下:
样式无效是因为具有作用域的样式无法作用于动态生成的元素(即组件创建完成之后生成的元素)。请看下面的例子:
上面例子中,p标签里面的文字并没有渲染成蓝色,就是因为p标签是在mounted中动态生成的内容,对于这个问题,我们除了改用没有作用域的全局样式(即去掉scoped属性)以为,还可以使用深度作用选择器(<<<或/deep/)来解决,如下:
或者:
之前经常有遇到这样一个问题:<style>标签添加了scoped属性之后,有些css样式是无效的。后来查了官网才知道,官方早有解释。如下:
样式无效是因为具有作用域的样式无法作用于动态生成的元素(即组件创建完成之后生成的元素)。请看下面的例子:
上面例子中,p标签里面的文字并没有渲染成蓝色,就是因为p标签是在mounted中动态生成的内容,对于这个问题,我们除了改用没有作用域的全局样式(即去掉scoped属性)以为,还可以使用深度作用选择器(<<<或/deep/)来解决,如下:
或者: