'Ref<x>' 类型的参数不可分配给 'x' 类型的参数
Argument of type 'Ref<x>' is not assignable to parameter of type 'x'
使用新的组合 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>
我发现了。您必须附加 .value
才能获取值本身。
const name = ref('')
name // <-- Ref object
name.value // <-- string
使用新的组合 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>
我发现了。您必须附加 .value
才能获取值本身。
const name = ref('')
name // <-- Ref object
name.value // <-- string