vue-element-plus-admin-doc/components/infotip.md

Infotip 信息提示组件

基于 Highlight 组件封装。

Infotip 组件位于 src/components/Infotip 内

用法

<script setup lang="ts">
import { Infotip } from '@/components/Infotip'
</script>

<template>
  <Infotip
    title="推荐使用Iconify组件"
    :schema="[
      {
        label: 'Iconify组件基本包含所有的图标，你可以查询到你想要的任何图标。并且打包只会打包所用到的图标。',
        keys: ['Iconify']
      },
      {
        label: '访问地址',
        keys: ['访问地址']
      }
    ]"
  />
</template>

Infotip 属性

属性	说明	类型	可选值	默认值
title	标题	string	-	-
schema	展示的数据内容	string[]/TipSchema[]	-	[]
showIndex	显示序号	boolean	-	true
highlightColor	高亮颜色	string	-	var(--el-color-primary)

Infotip 事件

方法名	说明	回调参数
click	关键字点击事件	key: string