element-ui form表单自定义label的样式、内容

element-ui form表单自定义label的样式、内容

效果截图

image.png

代码

<el-form size="small" :inline="true" label-width="120px">
  <el-form-item prop="name">
    <div slot="label">
      <i style="color: red;">*</i>
      名称
      <span style="font-size: 12px;color: #ccc;">默认全部</span>
    </div>
    <el-input v-model="form.name"></el-input>
  </el-form-item>
</el-form>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容