Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Nuxt.js-持久数据的共享链接:接收者如何查看数据?_Javascript_Vue.js_Nuxt.js - Fatal编程技术网

Javascript Nuxt.js-持久数据的共享链接:接收者如何查看数据?

Javascript Nuxt.js-持久数据的共享链接:接收者如何查看数据?,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,在我的Nuxt/vuetify应用程序中,我有一组用户应该通过用户界面完成的操作/步骤。在每个步骤中,都会发出异步请求以获取数据,然后将数据保存在store/index.js中 这些步骤和后续选项用于为每种情况/单击构建URL路径 我使用了一个插件来持久化数据,这样用户就可以通过单击浏览器箭头符号(历史记录)来单击后退和前进,并查看数据持久化并显示的前面步骤 现在我想到的情况是,用户共享他完成的任何步骤的链接(意味着他在一系列步骤后登录到页面,并显示他选择的数据):如果他在互联网上与其他人共享链

在我的Nuxt/vuetify应用程序中,我有一组用户应该通过用户界面完成的操作/步骤。在每个步骤中,都会发出异步请求以获取数据,然后将数据保存在
store/index.js

这些步骤和后续选项用于为每种情况/单击构建URL路径

我使用了一个插件来持久化数据,这样用户就可以通过单击浏览器箭头符号(历史记录)来单击后退和前进,并查看数据持久化并显示的前面步骤

现在我想到的情况是,用户共享他完成的任何步骤的链接(意味着他在一系列步骤后登录到页面,并显示他选择的数据):如果他在互联网上与其他人共享链接,链接的接收者将看不到显示的任何数据,因为我使用了
store/index.js
来存储它,并使用了一个插件来保持Nuxt状态


问题:有什么方法/备选方案来实现我的目标?我想允许用户共享他完成的最后一个步骤的链接,他的链接接收者应该查看发送者选择的数据。

您可以通过url中的查询字符串存储数据。例如,将url设置为如下所示:

https://example.com/form/?answer1=3&answer2=4&answer3=blah

这将使表单无状态,并且不受刷新的影响。如果用户共享该链接,则可以查看已选择的答案以及查询字符串中存在的答案,并显示相应的表单以继续选择


注意:在使用Vue路由器的Vue js中,可以如下方式访问查询字符串:
this.$route.query['querystringkey']

感谢您的反馈。但目前,我还没有实现后端,我的链接的形式是
http:3000/choices/1/subChoice/2
。我通过在不同的浏览器上打开相同的链接来模拟共享链接,在那里我看不到数据。