插件名称 | 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元素一起使用。
如果不想选择所有文本内容,则可以将带有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
}
}
}
}