網站搜尋

javascript - 類型為 'Ref' 的參數不能分配給類型 'x' 的參數


使用新的 Composition API,我正試圖從一個輸入中獲取數據,並將其傳遞給一個期望 string 的函數。然而,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>

答案#1

我找到了。你必須加上 .value 才能取得值本身。

const name = ref('')

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