vue3 输入框 获取光标的位置

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

下面是一个示例：

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

<script>
export default {
  data() {
    return {
      message: 'Hello World!'
    }
  },
  methods: {
    getCursorPosition() {
      const cursorPosition = this.$refs.myInput.selectionStart;
      console.log('The cursor position is:', cursorPosition);
    }
  }
}
</script>

在上面的示例中，我们使用`$refs`属性引用了输入框元素，并在`getCursorPosition`方法中调用`selectionStart`属性来获取光标位置。当我们点击输入框时，控制台将输出光标位置。