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

Question

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

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

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

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

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

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

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

Answer 1

欢迎您！

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

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

以下是工作JsFiddle

的链接

希望这会有所帮助！