Highlight 高亮组件

Highlight 组件位于 src/components/Highlight

用法

组件只能接收纯文本。

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

<template>
  <Highlight :keys="['十年前', '现在']">
    种一棵树最好的时间是十年前,其次就是现在。
  </Highlight>
</template>

Highlight 属性

属性说明类型可选值默认值
tag包裹标签string-span
keys高亮的关键字string[]-[]
color高亮的颜色string-var(--el-color-primary)

Highlight 事件

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