引入项目中封装后组件,样式缺失的问题解决
引入项目中封装后组件,样式缺失的问题解决引入封装好的组件过程中,出现样式缺失。封装好的组件:全局有全局的样式styles.less(或styles.css)组件有局部的样式style.less(或style.css)我在自己的项目中引入这个组件时局部样式正常,全局样式出现缺失(不能说缺失,就是组件全局样式都没有应用)解决方法:我的组件在引入这个组件的时候,原组件在App.vue中有引入,组件没有引
·
引入项目中封装后组件,样式缺失的问题解决
引入封装好的组件过程中,出现样式缺失。
封装好的组件:
全局有全局的样式styles.less(或styles.css)
组件有局部的样式style.less(或style.css)
我在自己的项目中引入这个组件时局部样式正常,全局样式出现缺失(不能说缺失,就是组件全局样式都没有应用)
解决方法:
我的组件在引入这个组件的时候,原组件在App.vue中有引入,组件没有引入,导致全局的样式没有应用。
上图
原来的代码:
图1:index中只有局部的样式style.less
图2:App.vue中引入全局的样式
我在my项目中引入组件,全局的样式没有应用
修改组件中的子组件stock的index.vue
图3:在封装好的组件中子组件引入全局的styles.less 问题解决。
附:
另一种方法是在my项目中的less.less 中使用 /deep/ 可以重新定义自己的样式。
更多推荐
所有评论(0)