“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