前端 UI 样式:01Vue.js组件样式属性 scoped 问题及解决方法
程序员文章站
2022-05-10 17:52:07
...
问题一:.vue组件的scoped属性的作用
当
你可以在一个组件中同时使用有 scoped 和 非scoped 样式:
/* 全局样式 */
/* 本地样式 */
注意:但有时在 vue-cli 中引入 UI库 后,修改UI库一些样式,可能不生效。
问题二:如何让CSS只在当前组件中起作用?【建议】
可在 vue 组件中,引入 css 预处理器,在最外层div容器里,加上一个最外层 class,这样不用 scoped 属性,即可让 css 只在当前组件中起作用。
export default{
data ( ) {
return {
index:0
}
},
mounted ( ) {
},
components : {
},
methods : {
}
}
monPageWrap{
}
vue中集成的UI组件库:见常见UI组件库