“Ref”类型的参数<x> ' 不可分配给 'x' 类型的参数</x>

Question

使用新的 Composition API 我试图从输入中获取数据并将其传递给需要string的 function 。 但是， TypeScript 抱怨类型不匹配，因为一个是Ref<> 。 我应该在这里做什么？

<script setup lang="ts">
import { ref } from 'vue'
import formHandler from '../utils/formHandler'

const name = ref('')
</script>

<template>
  <div class="form">
    <label for="name">Name:</label>
    <input name="name" v-model="name"/>
    <button @click="formHandler.validate(name)">Validate</button>
  </div>
</template>

Answer 1

我发现了。 您必须 append .value才能获取值本身。

const name = ref('')

name       // <-- Ref object
name.value // <-- string