Vue.js从扩展组件事件更新父组件数据

时间:2019-03-21 11:21:52

标签: vue.js

我正在Vue.js和Vuetify中创建仪表板。

仪表板将由一个小部件网格组成,这些小部件都具有相同的页眉和页脚,但内容不同(大多数是图表)。

我正在使用Vue.js的extend功能来创建将由所有其他最终小部件继承的标准小部件。

不幸的是,我无法从承载派生组件实例的主视图中设置基本窗口小部件的标题。

让我向您展示我尝试做的一个极其简化的示例:https://jsfiddle.net/b1gvnfdh/25/

当我在文本字段中输入新的用户名时,“默认”用户将永远不会更新。

有人可以解释我在做什么错吗?

1 个答案:

答案 0 :(得分:0)

欢迎您!

在这里,您从title组件中获得了parent的值。因此,您需要从Parent组件获取它。

您可以在标题前使用$parent来获取标题的值。

以下是工作JsFiddle

的链接

希望这会有所帮助!