如何在vue3中初始化空对象数组

问题描述 投票:0回答:1

我正在使用 Vue3 和 Nuxt。我想初始化一个空的对象数组,然后设置它。

let results = ref([]);
        results.value = [
            {
                "name": input.value,
            }
        ]

但是我收到错误

Type '{ name: string; }' is not assignable to type 'never'.

我试过这个

let results: any[] = ref([]);

并查看了 vue 中的 v-for 文档。但该示例初始化了一个非空对象数组

const items = ref([{ message: 'Foo' }, { message: 'Bar' }])
https://vuejs.org/guide/essentials/list.html#v-for

javascript vue.js nuxt.js
1个回答
0
投票

您正在初始化空数组就好了。该错误来自打字稿,这与所提出的功能相关问题截然不同。实际的问题应该是“如何输入对象的 ref 数组?”,答案是使用

Ref
类型,记录在此处

import { ref } from 'vue'
import type { Ref } from 'vue'

const results: Ref<object[]> = ref([])

如果它是一个类型化的对象会更好,但这由你决定。

© www.soinside.com 2019 - 2024. All rights reserved.