从Vue js中发出的子组件方法中更改父属性答案

【问题标题】：Change parent property from within emitted child component method in Vue js从Vue js中发出的子组件方法中更改父属性
【发布时间】：2020-02-10 15:15:45
【问题描述】：

在 vue 组件中，我有另一个子组件 datatabel，它发出了方法 sort

<datatable @sort="sortBy"></datatable>

当前发出的sort 方法在父组件中调用另一个方法sortBy，然后更新父组件中的一个属性。

是否可以通过发出的sort 方法直接更新父属性？

类似这样的：

<datatable @sort="parentAttribute = 'value that was emitted'"></datatable>

上面的例子不起作用，但我可能做得不对。

可以这样做吗，如果可以，正确的语法是什么？

【问题讨论】：

标签： javascript vue.js vuejs2 vue-component

【解决方案1】：

是的，您可以使用 $event 访问事件负载

<datatable @sort="parentAttribute = $event"/>

https://vuejs.org/v2/guide/components-custom-events.html

【讨论】：

这种情况下需要传值：$event.target.value
这取决于最初发出的内容。