在vue3中写法

在Vue 3中，获取输入框光标位置的方法与Vue 2中基本相同。你可以使用`ref`属性引用DOM元素，然后调用`selectionStart`属性获取光标位置。

下面是一个示例：

<template>
  <div>
    <input ref="myInput" type="text" v-model="message" @click="getCursorPosition">
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const message = ref('Hello World!');
    const myInput = ref(null);

    const getCursorPosition = () => {
      const cursorPosition = myInput.value.selectionStart;
      console.log('The cursor position is:', cursorPosition);
    }

    return {
      message,
      myInput,
      getCursorPosition
    }
  }
}
</script>

在上面的示例中，我们使用`ref`属性引用了输入框元素，并在`setup`函数中创建了`message`和`myInput`两个变量。在`getCursorPosition`函数中，我们调用`selectionStart`属性来获取光标位置。当我们点击输入框时，控制台将输出光标位置。