开发者问题收集

如何设置 Vue 3 Composition API(Typescript)以将用户输入的值推送到数组

2022-01-16
3031

我试图使用带有打字稿的VUE 3组成API构建基本的TODO列表应用程序。我以表单为“ call addtodo() 在设置功能中配置了提交函数。我的目的是将用户输入的值推向 listItems 数组,该数组使用 ref 方法初始化。在我的 addtodo() 函数中,我添加了 listitems.value.push(newtodo.value) ,以便将输入的值传递给数组。但是,我在newtodo.value参数上遇到了一个错误,说“字符串”类型的 参数不能分配给类型'nover'' 的参数。我是Vue 3中的组成API的新手代码>

脚本

267872264

1个回答

您需要像这样声明 listItems 的类型:

const listItems = ref<string[]>([]);

否则 TypeScript 将不知道 listItems 数组的类型

Owl
2022-01-16