VueJS：对于文本输入，如何使它点击它将选择所有内容？

Question

我发现了这个：Copy to Clipboard that also works on Mobile?

但是VueJS不使用jQuery。那么替代方案是什么呢？

Answer 1

基于https://medium.com/vuejs-tips/tip-11-auto-select-input-text-on-focus-9eca645073cd文章：

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

Answer 2

您仍然可以使用JQuery，只需将脚本添加到HTML中，但如果您不想使用JQuery，则替代方法是使用vanilla Javascript（纯JS）。

输入的setSelectionRange(start, end)方法是您可能需要的答案。

这是一个演示。

Working demo

Answer 3

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

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

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