本文记录了一次由于在label-width属性中多输入分号导致Element Vue组件样式不生效的问题。作者通过查看源码，了解了Element如何处理label-width属性，并在源码中进行修改，解决了这个问题。文章详细描述了源码分析过程及修复方案，同时也讨论了如何避免此类问题的发生。
因为手撸CSS的时间长了，所以在使用Element时会出现一些因为习惯而导致的错误。其中最大的遗留习惯就是写完样式之后加一个分号。
起因是最近的一个项目，用到了Vue，组件选的是Element，在用el-form或el-form-item组件时设置的标签宽度总是不生效，然后一检查发现是组件属性label-width设置时多写了一个分号。正确的是（label-width写在el-form上和el-form-item上都可以）：
<el-form>
<el-form-item label="姓名：" label-width="100px">
<el-input placeholder="请输入姓名"></el-input>
</el-form-item>
</el
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
