javascript - Vue，有没有办法在没有 URL 参数的情况下在路由之间传递数据？

Question

我正在研究如何在我的 Vue2 应用程序中不使用 URL 参数的情况下在两个单独的组件(不是父组件和子组件)之间 secret 传递数据。这并不意味着我在传递 secret ，而是我只是不想让用户看到它(仅出于 UI 考虑)。

我知道 Vue 有 Props但它们用于在父组件和子组件之间传递数据。在我的例子中，我的 URL 会改变，但我不想通过可见参数传递数据。

有人声称使用没有 URL 参数的 Prop here但我无法重现有效的解决方案(每次都未定义)。

我还查看了these选项，但它们都使用我们知道可见的 URL 或查询参数。

一个丑陋的解决方案是将数据写入本地存储，然后在那里读取它，但这会产生大量的开销和复杂性(比如如果我只希望这些数据被读取一次，等等)。

这个问题有没有更优雅的解决方案？

谢谢!

Answer 1

1. make props: true for the destination route -- 在router的index.js文件中

    {
      path: '/home',
      name: 'home',
      component: taskChooser,
      props: true,
      }

1. 在组件中定义 prop 例如 props: ['myprop'], - 注意引号

2. 将您要从源路由传递的变量复制到与您的 prop 相同的名称中 - 在本例中为 myprop

myprop = theVariableThatYouWantToPass

this.$router.replace({name:'home', params:{myprop}});

确保 prop 和变量的名称相同 - prop 在引号中。

它对我有用。