vue input输入框获得焦点全选内容

在 Vue 中，可以使用 ref 属性来获取 DOM 元素，并通过 JavaScript 调用 DOM API 来实现输入框获得焦点时全选内容的效果。

HTML:

<template>
    <input ref="input" @focus="selectAll"/>
  </div>
</template>
<script>
export default {
  methods: {
    selectAll() {
      this.$refs.input.select();
</script>
在上面的代码中，我们通过 ref 属性将 input 元素引用到了 Vue 实例中，然后在 focus 事件的回调函数中调用了 select 方法，实现了输入框获得焦点时全选内容的效果。