vuex相关内容

VUE路由器-如何根据用户角色将多个组件加载到同一路由路径上?

我有应用程序,用户可以登录在不同的角色,例如。seller、buyer和admin。 对于每个用户,我想在相同的路径上显示仪表板页面,例如。http://localhost:8080/dashboard 但是,每个用户将在不同的VUE组件中定义不同的仪表板,例如,SellerDashboard、BuyerDashboard和AdminDashboard。 因此,基本上,当用户打开http://l ..
发布时间:2022-03-03 14:27:56 前端开发

页面刷新和多个选项卡上的Vuex状态

在我的应用程序中,我使用FireBase API进行用户身份验证 我将登录状态保存为VUEX状态中的布尔值 当用户登录时,我将登录状态设置为true,并使用此选项隐藏顶部菜单上的登录按钮,并在用户注销时显示注销按钮,反之亦然。 因此我使用vuex-persisted state保存页面刷新的状态 处于vuex持久化状态的dafault存储为本地存储 我不是将存储状态保 ..
发布时间:2022-03-03 14:20:10 前端开发

Visual Studio代码断点出现在错误位置

在我的Vue+Vuex项目中,我尝试使用Visual Studio代码进行调试。我使用Chrome调试工具正确启动了调试器,并正确使用了映射,但是当我尝试在我的.js或.VUE文件中放置断点时,VS代码似乎将断点放在了错误的位置。例如,这里我尝试在第40行的一个getter中放置一个断点,但在15行之后结束: 这是VS代码中的错误,还是其他问题?有关于如何修复的建议吗? 其他行上的其他 ..
发布时间:2022-03-03 14:16:49 前端开发

使用Jest测试NUXT.js和Vue.js应用程序。获取';[vuex]模块命名空间在mapState()';和';[vuex]未知操作类型';中找不到

尽管我的理解是NUXT自动执行名称空间。因此,我无法在我的任何测试模块中测试或引用该存储。有人能给我小费吗?也许我可以在Nuxt应用程序中编辑命名空间属性? 下面是组件、存储和测试的代码。 ButtonComponent.vue: ..
发布时间:2022-02-25 13:44:02 前端开发

如何通过Nuxt中的散列流畅地滚动到元素?

因此,我的目标是使用Nuxt.js创建一个锚定链接菜单,该菜单滚动到用户单击的页面部分,现在我几乎没有不同的方法可以做到这一点,但是我不确定哪种是正确的方法。 选项1: 我创建了一个菜单,该菜单获取div部分的offsetTop,以了解当用户单击菜单中的链接时滚动多远,但是我遇到的问题是,当我将项目推送到服务器时,div的值(如offsetHeight和offsetTop)很少发生变化,我 ..
发布时间:2022-02-25 13:24:24 前端开发

如何通过Vuex操作访问Nuxt上下文变量

我希望访问上下文变量,以使用isMobile标志根据结果选择不同的端点。我可以从组件的dispatch传递它,但我知道应该有一种方法可以做到这一点。 export const actions = { ... signUpGoogle({ commit }) { fireauth.useDeviceLanguage() if (context.isMobile) { ..
发布时间:2022-02-25 12:54:22 前端开发

Vuex商店是从控制台访问还是从客户端浏览器访问?

我正在构建这个Vue 2应用程序,我一直在阅读,人们应该使用Vuex State Management,一开始我不太理解它的概念,但现在在尝试Vue之后,我可以看到它是一个更大的应用程序的最大值。 但我的问题是,是否可以从开发控制台或以任何形式访问存储在store.js中的数据,我的意思是那些我不会呈现到浏览器中的数据? 我是否可以将敏感数据保存在存储中,即敏感,我的意思是,用户单击此 ..
发布时间:2022-02-24 23:12:36 前端开发

Vuejs中使用Vuex和Axios处理错误的最佳实践

我正在使用Vuex+axios,我想知道处理Vuex+axios错误的最佳实践。我现在所做的是,当我请求使用AXIOS并且它返回错误时,它将以突变的方式提交并更新我的状态。我要做的是,如果我的请求出现响应错误,它将返回到我的组件,以便我可以更快地处理错误。 与ANGLING类似,存在依赖项注入,响应将返回到组件。 推荐答案 既吃蛋糕又吃蛋糕。假设您已经在使用interceptor ..
发布时间:2022-02-22 13:00:27 前端开发

访问Vuex突变中的getter

在Vuex商店突变中,是否可以访问getter?请考虑以下示例。 new Vuex.Store({ state: { question: 'Is it possible to access getters within a Vuex mutation?' }, mutations: { askQuestion(state) { ..
发布时间:2022-02-21 22:24:38 前端开发

如何在 vue js 中使 div 可拖动?

我在 vue 组件中有一个 div,我想让组件可拖动.我检查了许多 vue 可拖动插件,但它们有一个单独的拖动组件,而不是像在角度可拖动中那样添加的指令.请帮我解决这个问题? 解决方案 您需要将 vuedraggable 添加到您的节点模块. 纱线添加 vuedraggable 然后: 从 'vuedraggable' 导入可拖动...导出默认{组件: {可拖动,} 然后 ..
发布时间:2022-01-25 18:06:31 其他开发

为什么无效的道具:道具“价值"的类型检查失败.预期的字符串、数字、对象、布尔值,得到下面提到的程序的数组显示?

为什么无效的道具:道具“值"的类型检查失败.期望字符串、数字、对象、布尔值,得到下面提到的程序的数组显示? html: 脚本: getUser(e) {console.log("idd",this.selectedZone)var user = e.target.value;axios.get("/helpdesk/getUsers", {参数:{问:用户,account_id: ..
发布时间:2022-01-25 18:05:33 前端开发