天天看点

Vue组件内标签样式修改

// 加入 scoped以后 webpack在打包时 会给当前vue组件内所有标签和组件的跟标签会加上data-v属性,而

// 组件内的标签没有data-v属性

// 需求 当你想要修改组件内标签样式时 有问题了

// style 里选择器会额外被加上data-v属性选择器

// 而标签身上没有data-v属性 所以选不中

Vue组件内标签样式修改

 而想要修改

Vue组件内标签样式修改

span标签的颜色

直接写的话 是不可以的

Vue组件内标签样式修改

而要解决这种情况 只需要在  

Vue组件内标签样式修改

选择器前面加个/deep/即可 

Vue组件内标签样式修改

// 解决: 在选择器前面加 /deep/ 子组件里类名

// 效果: [data-v]属性选择器加在前面进行后代选择

继续阅读