Vue Element 中 Label 标签换行技巧 - 使用 <br> 标签实现主动换行
在 Vue Element 中,可以使用 HTML 的 <br> 标签来实现在 label 中主动换行,代码如下:
<el-form-item label='姓名:'>
<el-input placeholder='请输入姓名'></el-input>
</el-form-item>
<el-form-item label='个人简介:'>
<el-input type='textarea' :rows='2' placeholder='请输入个人简介'></el-input>
</el-form-item>
<el-form-item label='联系方式:'>
<span>电话:</span>
<span>12345678900</span>
<br>
<span>邮箱:</span>
<span>example@vue.com</span>
</el-form-item>
在上面的代码中,我们在'联系方式'这个 label 中使用了 <br> 标签来实现电话号码和邮箱换行显示。需要注意的是,如果 label 中使用了 <br> 标签,可能会影响表单布局的美观性,需要根据实际情况进行调整。
原文地址: https://www.cveoy.top/t/topic/lGbc 著作权归作者所有。请勿转载和采集!