一个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元素一起使用。

传递自定义范围

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

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
      }
    }
  }
}