首页 > 解决方案 > 从Vue js中发出的子组件方法中更改父属性

问题描述

在 vue 组件内部,我有另一个datatabel已发出方法的子组件sort

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

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

是否可以直接从发出的sort方法中更新父属性?

像这样的东西:

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

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

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

标签: javascriptvue.jsvuejs2vue-component

解决方案


是的,您可以使用$event

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

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


推荐阅读