Element: el-form-item 组件的 label 属性不灵活

Created on 13 Mar 2017  ·  9Comments  ·  Source: ElemeFE/element

我看了官方文档,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

feature request

Most helpful comment

<el-form-item> <span slot="label">label:</span> </el-form-item>

All 9 comments

希望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>

已解决

Was this page helpful?
0 / 5 - 0 ratings