For text input, how to make it so that clicking on it will select everything?

Based on https://medium.com/vuejs-tips/tip-11-auto-select-input-text-on-focus-9eca645073cd article:

<input @focus="$event.target.select()">

<input type="text" ref="input" @click="selectAll">

selectAll() {
  this.$refs.input.select();
}

[]: https://jsfiddle.net/s7L895n7/14/

You can still use JQuery, just add the script to your HTML, but if you don't want to use JQuery the alternative is to use vanilla Javascript (pure JS).

The setSelectionRange(start, end) method of an input is the answer you may want.

Here's a demo.

Working demo