.vue文件中style标签的几个标识符
在人生就要绝望的时候,被编辑器所提示的一个@H_502_5@scopedSlots所拯救.
卧槽,写到最后才发现这个属性的具体卵用. 详情见最后解决办法.
问题背景
问题由来
- 项目中使用了elementUI框架,与.vue文件.
- 现状: 中使用$style:[类名],
在人生就要绝望的时候,被编辑器所提示的一个@H_502_5@scopedSlots所拯救.
卧槽,写到最后才发现这个属性的具体卵用. 详情见最后解决办法.
使用了@H_502_5@scoped之后,父组件的样式不会再深入到自组件.
深度作用选择器: @H_502_5@>>> 或者是 @H_502_5@/deep/
@H_502_5@v-html动态生成的样式不受作用域内样式影响,但我想应该加个类样式名称,可以解决.(未验证)
css的作用域的渲染方式,远不如class的渲染速度
递归组件中,小心使用CSS样式.
我擦哦,再次测试后,发现添加@H_502_5@scopedSlots并没有什么卵用,和什么都不写是他妈一个样子啊.. 我说怎么,怎么查了半天,也没人用. 还被这玩意所拯救,也真是够了.. 当时还骄傲了半天,还以为是发现了新天地,也真是6了.
添加@H_502_5@scoped之后,在子组件上面添加类样式名,发现并没有卵用
错误依旧: 只是在表面层上的有一些data-v的注入
没有找到需要注入到里面的条件,发现自己前面大部分的判断都是错误的.
.main_nav .el-menu .el-submenu >>> .el-submenu__title {
background-color: red;
}
