vuejs从子组件更新父数据

JavaScript

LGO西里

2020-03-09

我开始玩vuejs(2.0)。我构建了一个包含一个组件的简单页面。该页面具有一个带有数据的Vue实例。在该页面上,我注册了该组件并将其添加到html中。该组件有一个input[type=text]我希望该值反映在父对象(主Vue实例)上。

如何正确更新组件的父数据?从父级传递绑定的道具不好,并且会向控制台发出一些警告。他们的文档中有内容,但是没有用。

第370篇《vuejs从子组件更新父数据》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
null 2020.03.09

另一种方法是将设置器的引用从父级传递为子组件的道具,类似于他们在React中的操作。假设您updateValue在父级上有一个更新值的方法,则可以实例化子级组件,如下所示:<child :updateValue="updateValue"></child>然后在子级上,您将有一个对应的prop:,props: {updateValue: Function}并且在模板中,当输入更改时调用方法:<input @input="updateValue($event.target.value)">

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android