Javascript 如何从url获取查询并将其发送到nuxt js项目的存储

Javascript 如何从url获取查询并将其发送到nuxt js项目的存储,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,在我的nuxt项目中,我允许用户下载Pdf,当用户单击链接时,我会将用户引导到一个新页面。在这里,我希望在此页面中获取url查询(信息),并将其发送到存储以返回状态信息。当我获得状态信息时,我将在当前页面中显示它 http://localhost:3000/printPdf?pdfId=690a9567-4c36-41c0-893c-587be307df25&number=1153379003428 这是我的链接。当用户单击它时,我将获取存储中的printId和number,并返回创

在我的nuxt项目中,我允许用户下载Pdf,当用户单击链接时,我会将用户引导到一个新页面。在这里,我希望在此页面中获取url查询(信息),并将其发送到存储以返回状态信息。当我获得状态信息时,我将在当前页面中显示它

http://localhost:3000/printPdf?pdfId=690a9567-4c36-41c0-893c-587be307df25&number=1153379003428

这是我的链接。当用户单击它时,我将获取存储中的printId和number,并返回创建pdf的状态。 我还使用了created和Asyncdata

  asyncData({app, params, route, store}) {
        const url = route.query

        store.dispatch('POST_PDF_PRINT', url)
          
    }
在异步数据中,我们可以

   asyncData({app, params, route, store}) {
               
                    //through route
                    console.log(route.params.url)
                    //through param
                    console.log(params.url)
          
            }
在mounted方法中,我们可以通过$route对象访问param

 mounted() {
       //for full path
       this.$route.fullPath
       //for route param
       this.$route.params.url
      }