Skip to content

一个输入框关键字高亮的vue组件。An input keyword highlights the vue component

Notifications You must be signed in to change notification settings

king-engine/vue-highlight-input

Repository files navigation

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

示例效果: image

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

About

一个输入框关键字高亮的vue组件。An input keyword highlights the vue component

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published