form表单label添加提示图标

最新推荐文章于 2024-08-04 22:46:30 发布

Baifu paste

最新推荐文章于 2024-08-04 22:46:30 发布

阅读量1.6k

点赞数

分类专栏： javascript element vue 文章标签：前端

本文链接：https://blog.csdn.net/qq_28586135/article/details/128289016

版权

javascript 同时被 3 个专栏收录

34 篇文章 0 订阅

订阅专栏

vue

33 篇文章 1 订阅

订阅专栏

element

21 篇文章 1 订阅

订阅专栏

今天些东西发现一个看似很简单但是也算一个问题的问题，就记录一下，
在编辑表单时，经常会在label添加一些需要提示的东西，我就想到用slot这个方法，今天就简单的编辑了一个带提示的solt方法，如图。
在这里插入图片描述

<template>
  <el-form size="small" label-width="155px">
    <el-form-item prop="plate">
      <span slot="label"  style="display:inline-block;">
        插槽
        <el-tooltip class="item" content="只能写数字" placement="bottom" effect="light">
          <el-button type="text" style="color:#000;" size="mini" class="el-icon-edit"></el-button>
        </el-tooltip>
      </span>
      <el-input type="input" ></el-input>
    </el-form-item>
  </el-form>
</template>