欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端 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组件库