vue使用element-ui的组件自定义宽高问题
组件没有提供设置宽高接口的情况下，要自己改变宽高怎么办？
目前的办法是在初始化全局变量的scss文件中使用important覆盖重置，觉得不合理，若此组件要复用到本项目其他界面，要使用不同的宽高又怎么办？
有没有个更好的办法呢
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
这种问题我已经看到过若干了，除了内联 style 或者 important 大法之外，更好的方法应该就是下载一份组件库的样式文件，然后按自己的需求覆盖掉，再导入项目，然后借助按需加载的插件引入自定义的样式就能达到覆盖的效果，详情看这里
在给你来个我现在做的一个项目中的结构，
element-theme-development 是用来覆盖原始样式的目录，element-theme 是 babel 按需导入组件样式的目录位置。
组件外面包一层，自己控制宽高？
毕竟是用别的UI框架，太多的定制化肯定不行，我现在就是把需要定制的组件加上自己的class名，然后在index.html里面用important，跟你的方法差不多
写一个全局的样式文件，统一一下自己需要的样式风格，然后在不同的项目中导入就可以了，我是这样做的，希望对你会有帮助
/deep/ .el-*{};试试
链接描述
定制的组件自己再封装下吧，有写逻辑还可以在里面统一改