如何用vue组件间通过$router.push实现长尾词值传递？

本文共计1358个文字，预计阅读时间需要6分钟。

两组件间传值，可能包含多种情况，包括父子组件和非父子组件。对于父子组件，网上有详细的方法讲解；而非父子组件传值，通常采用bus总线、兄弟组件通信或其他方式，其中使用路径跳转是一种常见方法。

两组件间传值，可能包含多种情况，有父子组件和非父子组件，对于父子组件网上有很详细的方法讲解，但非父子组件传值有用bus总线，还有一些其他方法，其中的使用路由跳转的方法讲解太过简洁，难以理解。因为是公司项目，采用的是公司封装的UI框架，但基本上还是采用vue框架，ts编写。所以一些样式结构可能没有参考价值，但我会讲解清楚每一部分作用，主要是路由跳转部分的代码实现。

首先，需求如下图，树状列表每一项有一个编辑按钮，点击按钮之后跳转到另一个路由页面，会将树状列表中每一项数据带过来。