v-highlight

vue highlight directive Vue 2 关键字高亮钩子

Installation

npm install v-highlight --save

import Highlight from 'v-highlight';
export default {
    name: 'example',
    data () {
        return {
            words: ['a']
        };
    },
    directives: {
        Highlight
    }
};

<p v-highlight="{keyword: words}">Tropical birds scattered as Drake veered the Jeep onto an old rutted track, snapping branches and tearing away vines, plowing through the rain forest with killers in pursuit, bullets flying, a gorgeous but pouty girl in the passenger’s seat, and a bitch of a headache. With only one of his arms on the wheel, the Jeep slewed to the left, and the pouty girl screamed as he forced the vehicle back onto the trail just before they would have crashed into a felled tree.</p>

API

Table Attributes

| 属性 | 说明 | 类型 | 参数 | 默认值 | | ------------- | ------------ | --------------- | ---- | ------ | | caseSensitive | 大小写敏感 | Boolean | - | false | | class | 高亮样式名称 | String | - | - | | keyword | 关键字 | String | Array | - | - |