【vue&elementui】使用中遇到的问题

修改el-dialog样式的方法

  • 不能直接在<style scoped>中修改,这样修改后不会生效
  • 在vue的SFC中,是允许多个style 块的,可以在写一个不加scope的style,定义好类名在里面单独改样式.
  • 例子:
<el-dialog  class="aaa">  </el-dialog>
<style scope>
//其他局部样式
</style>
<style lang="scss">
//dialog样式,按照类名区分 不然还是在全局css中修改更清晰一些。
.aaa {
    
    
  .el-dialog__footer {
    
    
    text-align: center;
  }
}
</style>

参考:element 中el-dialog弹框样式修改不生效没有作用到属性上
element-ui如何修改el-dialog的样式?

修改elementui源码并应用

vue项目中修改element-ui源码,如何运用到项目中 (修改 node_modules 里的文件,并应用):利用webpack 的alias 挺好用的样子,没试。

猜你喜欢

转载自blog.csdn.net/sinat_41838682/article/details/130938010