路由器查看页面中组件的调用方法

时间:2019-02-15 17:35:14

标签: vue.js vue-component vue-router

首先道歉,我仍然掌握Vuejs的功能,但是我有一个关于“最佳”解决此问题的问题。

我具有以下结构:

  • APP
    • 组件(有3个项目,每个项目都有一个删除按钮)
    • 路由器视图(包含10个项目的搜索页面)

要删除组件中的一项,需要从“路由器”视图页面(搜索)的列表中取消选择相应的项。搜索页面上有一个“ deselectItem”方法。单击删除按钮后,我需要调用此方法。

可能的解决方案:

解决方案1:

我意识到我可以通过将所有SEARCH PAGE项目放在VUEX中来解决此问题,但是将无法从任何其他组件(仅此组件)访问搜索页面上的项目。

解决方案2:

我已经阅读过有关使用$ refs的信息,但是当我需要将$ refs放在搜索页面上时,我不确定这将如何工作,因为它是路由器视图页面而不是组件。

解决方案3:

事件总线。这是我唯一可行的选择吗?

我这里缺少任何最佳做法吗?

谢谢!

0 个答案:

没有答案