Vue component to highlight words within a larger body of text.demoWhy?It uses render to handle the highlighted text instead of using v-html or el.innerHtml.Installationnpm i --save vue-highlight-words UsageTo us
Vue Words Highlight 用于高亮关键词的vue组件,可以用于类似于搜索的功能。 Installation npminstall--savevue-words-highlight#oryarnaddvue-words-highlight Usage Use Directive import{highlight}from'vue-words-highlight';Vue.use(highlight,{name:'highlight',className:'red',style:'color: #0f0',caseSensi...
ℹ️ This is the branch for vue-highlight-words 2 (For Vue 3). If you are looking for Vue 2.0 support, please check out 1.0 branchA simple port from react-highlight-words Vue component to highlight words within a larger body of text.demo...
There might be a case where you want to do more things with the highlighted words. For that reason, vue-text-highlight supports custom component for the highlighted words. In this case, the following example alerts on click. OtherComponent.vue ...
vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words vue-tags-ball - Create a beautiful and spherical tag with this plugin vue-rippler - Simple Vue.js plugin for custom ripple effect Tabs vue-tabs - Simple tabs and pills...
vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words vue-tags-ball - Create a beautiful and spherical tag with this plugin vue-rippler - Simple Vue.js plugin for custom ripple effect vue-contacts - Mobile contacts component ...
vue-syntax-highlight - Sublime Text语法高亮 vue-quill-editor - 基于Quill适用于Vue2的富文本编辑器 Vueditor - 所见即所得的编辑器 vue-html5-editor - html5所见即所得编辑器 vue2-editor - HTML编辑器 vue-simplemde - VueJS的Markdown编辑器组件 ...
There might be a case where you want to do more things with the highlighted words. For that reason, vue-text-highlight supports custom component for the highlighted words. In this case, the following example alerts on click. OtherComponent.vue ...
< p v-highlight="'yellow'">Highlight this text bright yellow p > 自定义组件就是实现Vue提供的钩子函数,在Vue 3中钩子函数的生命周期和组件的生命周期类似: created - 元素创建后,但是属性和事件还没有生效时调用。 beforeMount- 仅调用一次,当指令第一次绑定元素的时候。
vue-syntax-highlight- Sublime Text语法高亮 vue-infinite-scroll- VueJS的无限滚动指令 Vue.Draggable- 实现拖放和视图模型数组同步 vue-awesome-swiper- vue.js触摸滑动组件 vue-calendar- 日期选择插件 bootstrap-vue- 应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe- VueJS触摸滑块 vue-amap- 基于Vue 2和...