import{o as t,c as a,a as n}from"./app.c38d1953.js";const s='{"title":"Highlight 高亮组件","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":2,"title":"Highlight 属性","slug":"highlight-属性"},{"level":2,"title":"Highlight 事件","slug":"highlight-事件"}],"relativePath":"components/highlight.md","lastUpdated":1721206001124}',e={},p=n('

Highlight 高亮组件

Highlight 组件位于 src/components/Highlight 内

用法

组件只能接收纯文本。

<script setup lang="ts">\nimport { Highlight } from '@/components/Highlight'\n</script>\n\n<template>\n  <Highlight :keys="['十年前', '现在']">\n    种一棵树最好的时间是十年前，其次就是现在。\n  </Highlight>\n</template>\n\n

Highlight 属性

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

Highlight 事件

方法名说明回调参数
click关键字点击事件key: string
',9);e.render=function(n,s,e,o,l,c){return t(),a("div",null,[p])};export default e;export{s as __pageData};