踩坑

element-UI

单个复选框check-box选中的值一定要是布尔值,不能是数字1或者0



CSS:scoped

问题:在不同的页面都使用了同一个组件,但是由于同一个组件在不同的页面有不同的样式,在页面之间跳转的时候,样式会相互影响
解决方法:在style标签中加上scoped属性,表示该样式表只在当前组件起作用。


组件添加scoped后节点的data属性

样式表增加了属性选择器

由上可以看出,加了scoped属性之后,浏览器给组件中的每个节点添加了唯一的data属性,样式也添加了属性选择器,以此来保证组件样式模块化。

深度作用选择器deep

问题:给组件的样式加上scoped属性之后,修改组件内elementUI组件内的样式不会起作用
原因:使用 scoped 后,父组件的样式将不会渗透到子组件中
解决方法:使用深度作用选择器 /deep/来改变elementUI组件内部的样式


深度选择器

你可能感兴趣的:(踩坑)