Tooltip 文字提示点击小图标显示文字

而耳迩儿

已于 2022-09-22 09:25:58 修改

阅读量387

点赞数

文章标签： vue.js 前端

于 2022-09-20 09:42:41 首次发布

本文链接：https://blog.csdn.net/m0_65274248/article/details/126946811

版权

<el-tooltip v-else class="item" effect="light" content="流程标识不可修改！" placement="top">
   <i style="padding-left: 5px;" class="el-icon-question" />
</el-tooltip>

toopltip 作为插槽，展示在表单label后面

<el-form-item prop="className">
          <span slot="label">
            实体类名称
            <el-tooltip content="默认去除表名的前缀。如果存在重复，则需要手动添加前缀，避免 MyBatis 报 Alias 重复的问题。" placement="top">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
          <el-input placeholder="请输入" v-model="info.className" />
        </el-form-item>