如何推送到数组(在Vue 3中)?

2022-08-10 vue.js vuejs3

我有一个数组,我想向其中推送一些数据。

this.myArray.push(['a' => 'b']);

遗憾的是,这不适用于Vue 3,因为myArray似乎包装在代理对象中。

有人知道如何在Vue 3中压入数组吗?


解决方案

这取决于您如何定义数组

使用ref

const myArray = ref([1,2,3]);

myArray.value.push(4); // With a `ref` you need to use `value` 

使用reactive

const myArray = reactive([1,2,3])

myArray.push(4); // push works as normal

其他问题:

您的语法对于正在推送的内容不正确,也许您需要:

myArray.push({ a: 'b' });

另外,请记住,Vue 3组合API中没有组件this访问。

相关文章