nuxt-link跳转到当前页面，不同query参数值不加载

目录

• • 背景
  • 解决方案
  • 参考

背景

• 例如地址是这样的http://localhost:81/xxx，现在加上参数http://localhost:81/?act=0。默认情况下是不会加载的。

解决方案

• 使用watchQuery。文档地址：https://nuxtjs.org/docs/components-glossary/watchquery
  
• 修改后代码如下：

 ... 省略...
 watchQuery: ["act"],
async asyncData({ $axios, query }) {
    let act = query.act 
    console.log("act ",act);
    return {selectedIndex:act ? act : 0}
  },
  ... 省略...

• 这样每次切换就有效果了，如下图所示。
  

参考

• https://blog.51cto.com/u_15351691/3732466