VueJS：如何在多页面应用程序中使用路由发送url查询参数？

Question

我对VueJS有点陌生，我正在VueJS中使用MPA方法来创建具有多个页面（using this answer）的App，并且我想在URL中有一个查询参数，该参数可以导航到注册价格页面中的页面，例如“ localhost：8080 / signup？bundle = standard”

这是我的页面结构：

（image）

我使用vue路由器和路由器链接来执行此操作，但是我不知道将其放置在哪里 像在文档中一样显示路由器视图，他们只在单个页面应用程序中使用它。

我该如何实现？如何在MPA应用程序结构中获取查询参数？

Answer 1

vue.js中使用参数进行重定向的方式有两种，您可以通过以下任何一种方法简单地进行重定向：

setTimeout(() => {
              return  this.$router.push({name: 'Your_Router_Name_Hear', params: { bundle: 'standard' }})
            }, 100);

另一种方法是使用参数从模板重定向：

<router-link:to="{ name: 'Your_Router_Name_Hear', params: { bundle: 'standard' }}" class="button" > <i class="fa fa-edit"></i> Edit </router-link>