element-ui的form表单的 lable添加空格并对齐
场景:我们需要把电话和备注与供应商名对齐
![在这里插入图片描述](https://img-blog.csdnimg.cn/0ef3fc9b75304837a79ae7d15b1e8c5f.png)
解决方法一:不推荐,这里的
不管用多少次都只能显示一个空格,但是我们可以添加css样式,使其与其他的参数一致,但这个太麻烦了
<el-form-item >
<label slot="label">电 话:</label>
<div v-text="supplier.phone" />
</el-form-item>
解决方法二:复制后面方框中的空字符【 】
代码如下:<!-- eslint-disable -->
和<!-- eslint-enable -->
用于消除中间代码的eslint验证
<!-- eslint-disable -->
<el-form-item label="电 话:">
<div v-text="supplier.phone" />
</el-form-item>
<el-form-item label="备 注:">
<div v-text="supplier.remark" />
</el-form-item>
<!-- eslint-enable -->
![在这里插入图片描述](https://img-blog.csdnimg.cn/2f8cd7240f0d4ae4856393002649e982.png)