javascript - 如何从 url 获取查询并将其发送到 nuxt js 项目的 Store

Question

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

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

这是我的链接。当用户单击它时，我将在商店中获取 printId 和编号，然后我将返回一个状态来创建我的 pdf。我也使用 created 和 Asyncdata 。

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

        store.dispatch('POST_PDF_PRINT', url)
          
    }

标签： javascriptvue.jsnuxt.js

Answer 1

在 asyncData 我们可以做

   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
      }