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 |