vue3-highlight-input

vue3 组件模拟input，可以一边输入，一边高亮匹配关键字

示例效果：

npm使用

npm i vue3-highlight-input

在vue main.js中

import highlightInput from 'vue3-highlight-input'
import 'vue3-highlight-input/style.css'
app.use(highlightInput)

单组件中

<highlightInput v-model="myText" :keywords="keywords" :color="color" placeholder="请输入关键字"></highlightInput>

参数：

keywords: 关键字数组 ['关键字1', '关键字2']
color: 高亮颜色 #F56C6C

项目运行

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build