vue3获取input的value值

在Vue3中，可以使用v-model指令来获取input的value值。例如：

<template>
  <div>
    <input v-model="inputValue" />
    <button @click="handleClick">获取input的value值</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const inputValue = ref('')

    const handleClick = () => {
      console.log(inputValue.value)
    }

    return {
      inputValue,
      handleClick
    }
  }
}
</script>

在上面的代码中，我们使用了ref函数来创建一个响应式的inputValue变量，并将其绑定到input元素上。当用户输入内容时，inputValue的值会自动更新。当用户点击按钮时，我们可以通过inputValue.value来获取input的value值。