javascript - Vue.js 推送到作为 prop 传递的对象

Question

我正在尝试将一个对象推送到 Vue.js 中的 prop。

该 prop 源自主脚本，并作为 prop 传递到 Car 组件中。从汽车组件中，我尝试执行 this.propName.push({key:value});

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

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

TLDR:如何推送到 Vue.js 中作为 prop 传递的对象？

Answer 1

似乎您正在尝试添加到对象。

首先确保您使用 .sync 在 prop 上使用双向绑定(bind)。

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

然后，无需插入对象，只需在嵌套组件内的对象中创建一个新属性即可。

this.propName.newKey = 'newValue';