我看了官方文档,demo中写的 el-form-item 的 label 属性是只能写固定的单行字符串的
<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
现在我想实现多行的label,比如
<el-form-item label="活动名称<br>用于识别活动">
<el-input v-model="form.name"></el-input>
</el-form-item>
这时label会输出
活动名称<br>用于识别活动
希望能够改善 label 属性的灵活性,让它能够支持多行label
希望Label能支持slot功能,比如有时候希望label能支持加图标或者tooltip
@kopheece 现在也想加个tooltip,但是不知道加在哪。哪位同志给点意见。
@milu2003 我现在也是有这个需求 目前好像是没办法加
+1, 自定插入变量而非固定字符串
已支持使用 slot, #4634
@baiyaaaaa 刚测试了下 https://jsfiddle.net/qkx3rtu1/ 这个demo是el-input添加width属性;输入框没输入数据,直接点击提交,错误信息位置有问题;
如果去掉el-input添加width属性;因为el-input自带的width:100%,输入框就自动换行了
<el-form-item>
<span slot="label">label:</span>
</el-form-item>
@baiyaaaaa 刚测试了下 https://jsfiddle.net/qkx3rtu1/ 这个demo是el-input添加width属性;输入框没输入数据,直接点击提交,错误信息位置有问题;
如果去掉el-input添加width属性;因为el-input自带的width:100%,输入框就自动换行了
亲测有效
<el-form-item> <span slot="label">label:</span> </el-form-item>
已解决
Most helpful comment
<el-form-item> <span slot="label">label:</span> </el-form-item>