vue点击按钮在光标中插入值

你可以在Vue中使用ref来获取到输入框元素，然后在点击按钮时，调用元素的setSelectionRange()和focus()方法来设置光标位置并插入值。

例如，假设你有一个输入框和一个按钮：

<template>
  <div>
    <input ref="input" type="text">
    <button @click="insertValue">插入值</button>
  </div>
</template>

你可以在Vue的methods中定义insertValue方法，来获取输入框元素并插入值：

methods: {
  insertValue() {
    const input = this.$refs.input;
    const valueToInsert = '要插入的值';
    const startPos = input.selectionStart;
    const endPos = input.selectionEnd;
    const oldValue = input.value;
    const newValue = oldValue.substring(0, startPos) + valueToInsert + oldValue.substring(endPos);
    input.value = newValue;
    input.setSelectionRange(startPos + valueToInsert.length, startPos + valueToInsert.length);
    input.focus();
  }
}

在insertValue方法中，你首先获取输入框元素，然后定义要插入的值和当前光标位置。接着，你获取输入框中的原始值，并根据光标位置将要插入的值插入到原始值中。最后，你设置新的值和光标位置，并调用focus()方法来使输入框重新获得焦点。