vuejs更新子组件的父数据

vuejs更新子组件的父数据

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

如何正确更新组件的父数据?从父级传递绑定的prop并不好,并向控制台发出一些警告。他们的文档中有一些东西,但它不起作用。


白板的微信
浏览 764回答 3
3回答

眼眸繁星

在子组件中:&nbsp;this.$emit('eventname', this.variable)在父组件中:<component&nbsp;@eventname="updateparent"></component>methods:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;updateparent(variable)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.parentvariable&nbsp;=&nbsp;variable &nbsp;&nbsp;&nbsp;&nbsp;} }
打开App,查看更多内容
随时随地看视频慕课网APP