选择焦点文字 – vue-select-on-focus

选择焦点文字 – vue-select-on-focus
插件名称 vue-select-on-focus
发布时间 2020年6月20日
插件作者 syropian

一个vue.js组件,用于选择输入,文本区域和可焦点编辑的内容的文本内容。

安装和下载:

# Yarn
$ yarn add vue-select-on-focus

# NPM
$ npm install vue-select-on-focus --save

用法

全局范围

import Vue from "vue"
import selectOnFocus from "vue-select-on-focus"

Vue.use(selectOnFocus)

每个组件

import selectOnFocus from "vue-select-on-focus"

export default {
  directives: { selectOnFocus },
  template: "<div><input type='text' value='Lorem Ipsum' v-select-on-focus /></div>"
}

该指令将与任何文本输入,textarea或contenteditable元素一起使用。

传递自定义范围

如果不想选择所有文本内容,则可以将带有startend值的对象传递给指令。

import selectOnFocus from "vue-select-on-focus"

export default {
  directives: { selectOnFocus },
  template: "<div><input type='text' value='Lorem Ipsum' v-select-on-focus='customRange' /></div>",
  data() {
    return {
      customRange: {
        start: 2,
        end: 5
      }
    }
  }
}