安装输入时如何 select 输入内的文本（Vue3）

Question

我创建了这个表单，基本上它的作用是在我每次单击 ADD_INPUT 按钮时创建一个具有随机值的新输入。我想要的是每次我创建一个具有随机值的新输入时，都会选择该值。对不起，我的英语很糟糕。

我试过像这样创建一个新的自定义指令：

directives: {
    focusInput: {
      // directive definition
      mounted(el) {
        el.select()
      }
    }
  },

但它破坏了 idy

Answer 1

霍伊可以使用select()

new Vue({
    el : '#app',
  data : {
   text: 'some text'
  },
  methods : {
    select() {
      this.$refs.input.select();
    },
  },
  mounted() {
    this.select()
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <button @click="select">ADD_INPUT</button>
  <input type="text" v-model="text" ref="input">
</div>

作文API

setup() {
    const input = ref(null)

    function select() {
      input.value.select()
    }

    return {
      input,
      select
    }
  }

安装输入时如何 select 输入内的文本（Vue3）

How to select text inside input when the input get mounted (Vue3 )

vue.js

vuejs3