vue-select-on-focus is a component of vue.js that selects input text contents, textareas, and editable content elements on focus.

Must Read: Select Box Replacement Vue Component Library | vue-select

How to make use of it:

Install:

$ npm install --save vue-select-on-focus
or
$ yarn add vue-select-on-focus

Usage

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

See Also –

Multiple Dropdown Tree Select Component for Vue 3 | vue3-treeselect
Simple Tag Input Using Typeahead Autocomplete Built With Vue.js
A Lightweight and Customizable WYSIWYG Editor In Pure JavaScript | SunEditor

See Demo And Download

Official Website(syropian): Click Here

This superior jQuery/javascript plugin is developed by syropian. For extra advanced usage, please go to the official website.