关于vue中修改elementui默认样式的问题
2019-06-12 10:50
417 查看
问题:修改elementui默认样式的时候,如果把样式写在该组件
<style scoped></style>中,可以发现样式并没有生效及不会修改。
把样式写在
<style></style>中,样式会被修改,但是会影响其他组件,及修改的样式为全局样式。
注:写一个外部css文件,再把其引用在
<style scoped></style>中,同样会修改全局样式。
解决方法:
在该组件的根节点添加一个class或id属性,并命名,(如
<div class="mydiv"></div>)。在
<style></style>中修改样式,选择器加上根节点的class名或id名即可。
相关文章推荐
- 关于vue使用element-ui/weui中修改官方的样式
- vue+element ui样式修改不了的问题
- 关于vue+element-ui项目的分页,返回默认显示第一页的问题解决
- elementui的默认样式修改方法
- vue+element样式修改(表格错位问题、表头根据单词换行、滚动条样式)
- 关于萌新初识VUE的那些事 (关于Element-ui与IView中的样式覆盖)
- vue+elementUi 用到type=‘number’ 默认样式清除
- vue中通过修改element-ui的类修改相关组件的样式
- Vue修改mint-ui默认样式的方法
- 如何在vue的scoped样式中修改element-ui的样式
- 浅谈vue中改elementUI默认样式引发的static与assets的区别
- vue+elementUI 关于日期选择器的disabledDate问题
- Vue修改mint-ui默认样式
- 使用Vue与ElementUI开发时,关于时间控件的问题
- 关于vue + element ui 跟ajax的赋值问题
- element-ui默认样式修改
- 关于element-ui中使用el-scrollbar包裹el-tree时横向滚动条不显示的问题
- vue elementui table默认显示子表格
- 开发Vue+nodejs+element-UI遇到的一些问题
- vue项目修改组件默认样式