Vue.js推送到作为道具传递的物体

Question

我正在尝试将对象推送到Vue.js中的道具。

道具起源于主脚本，并作为道具传递到Car组件中。从汽车组件我正在尝试this.propName.push({key:value});

然后异常告诉我push不是函数。 如果事先我console.log() propName，我可以看到附加了观察者，并且我确实有一个get和set propName方法。

如果我尝试从主脚本执行相同的推送它可以工作，排序，如果我mainScriptObject[0].push({key:value});我得到相同的错误。 （这里mainScriptVariable [0]是作为prop传递的值。

TLDR：如何在Vue.js中推送到作为道具传递的对象？

Answer 1

好像您正试图添加到Object。

首先确保您使用.sync在道具上使用双向绑定。

<component prop-name.sync="mainObject"></component>

然后代替push进入对象，只需在嵌套组件中的对象中创建一个新属性。

this.propName.newKey = 'newValue';