gpt4 book ai didi

vue.js - 创建 URL 并根据其参数设置 Vue.js Vuex 状态

转载 作者:搜寻专家 更新时间:2023-10-30 22:14:48 25 4
gpt4 key购买 nike

我有一个内置在 Vue.js 中的 SPA,它允许用户输入多个值来创建类似菜谱的东西。所有这些值都存储在 Vuex 状态中。我希望能够使用用户输入的状态值创建一个 URL,以便其他用户可以使用已输入的这些值加载应用程序。本质上,我希望允许用户通过共享 URL 来共享他们在我的应用中创建的食谱。

我在想象一个“分享”按钮,它将创建的 URL 复制到用户的剪贴板,然后他们可以将其发布到社交媒体或其他任何地方。然后当有人访问该链接时,他们将转到我的应用程序,vuex 状态值将自动更新为在 URL 中找到的参数值。

实现此功能的最佳方法是什么?这可以通过 vue-router 实现吗?

最佳答案

使用 vue-router 提供的 $route.query 属性。

通过您的 URL 传递参数,例如 http://example.com/#/?amount=10 并使用 this.$route.query.amount 访问它们>.

在主要组件的 mounted() 方法中更新您的 vuex 存储。

Official Documentation for the Route object

关于vue.js - 创建 URL 并根据其参数设置 Vue.js Vuex 状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45134271/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com