vuex 相关问题

Vuex是Vue.js的Flux灵感应用程序架构。

VueJS 从父组件访问子组件的数据

我正在使用 webpack 的 vue-cli 脚手架我的 Vue 组件结构/层次结构当前如下所示：应用程序 PDF模板背景动态模板图像静态模板图像马克德...

vue.js vue-component vuex

回答 6 投票 0

在生产模式下编译时出错“不是函数”Vue Laravel Mix

我有一个 Laravel、VueJs、VueRouter、Vuex 应用程序，使用 Webpack 来编译我的资产。包.json { “私人”：真实， “脚本”：{ “dev”：“npm ...

laravel vue.js webpack vuex vue-router

回答 2 投票 0

Vue 子组件无反应

在具有 Vuex 存储的应用程序中，有一个 getQueryParams getter，它返回一个包含传递给数据库查询的参数的对象。如果有任何参数（即用户有

vue.js vuex

回答 1 投票 0

如何在Vuex状态创建中使用函数

我正在尝试使用稍后定义的吸气剂来设置我的状态的一部分导出 const store = new Vuex.Store({ 状态： { 一：1， b : getters.multiply(a) }, 吸气剂：{ 乘以：(...

javascript vue.js vuejs2 vuex

回答 2 投票 0

无法读取未定义的属性“getters” - 使用 jest 进行 VueJS 单元测试

我正在为 VueJS 组件编写单元测试，并参考了 Vue Test Utils Common Tips 的“应用全局插件和 Mixins”部分。我有一个依赖于 Vuex 商店的组件，所以它

unit-testing vue.js vuejs2 jestjs vuex

回答 2 投票 0

Vue 开发工具 (vue2/vuex3) 中未检测到 Vuex 存储

出于非常具体的原因，我在生产中将 vue 开发工具设置为 true。 Vue.config.devtools = true 我使用以下版本： “vue”：“^2.5.2” “vuex”：“^3.0.1” “vuetify”：“^1.0.0” W...

google-chrome vue.js vuex vue-devtools

回答 7 投票 0

vuex 未知操作类型：登录

登录.vue 从 '@/layout/composables/layout' 导入 { useLayout }；从“vue”导入{ref，计算}；从'@/layout/AppConfig.vue'导入AppConfig；导入{解码凭证...</desc> <question vote="1"> 登录.vue <pre><code><script setup> import { useLayout } from '@/layout/composables/layout'; import { ref, computed } from 'vue'; import AppConfig from '@/layout/AppConfig.vue'; import { decodeCredential } from 'vue3-google-login' import {auth} from '../../../store/modules/auth.module'; import { useStore } from "vuex"; const store = useStore() const { layoutConfig, contextPath } = useLayout(); const email = ref(''); const password = ref(''); const checked = ref(false); const logoUrl = computed(() => { return `${contextPath}layout/images/${layoutConfig.darkTheme.value ? 'logo-white' : 'logo-dark'}.svg`; }); const callback = (response) => { const userData = decodeCredential(response.credential); // const authStore = auth; // console.log(authStore.login()); if (userData.email=='****@gmail.com') { return store.dispatch('login') } } </script> </code></pre> auth.module.js <pre><code>import AuthService from "../../services/auth.service"; const user = JSON.parse(localStorage.getItem('token')); const initialState = user ? { status: { loggedIn: true }, user } : { status: { loggedIn: false }, user: null }; export const auth = { namespaced: true, state: initialState, actions: { login({ commit }, user) { return AuthService.login(user).then( user => { commit('loginSuccess', user); return Promise.resolve(user); }, error => { commit('loginFailure'); return Promise.reject(error); } ); }, logout({ commit }) { AuthService.logout(); commit('logout'); }, }, mutations: { loginSuccess(state, user) { state.status.loggedIn = true; state.user = user; }, loginFailure(state) { state.status.loggedIn = false; state.user = null; }, logout(state) { state.status.loggedIn = false; state.user = null; }, } }; </code></pre> auth.service.js <pre><code>import axios from 'axios'; const API_URL = 'http://localhostGetToken'; class AuthService { async login(user) { const response = await axios .post(API_URL, { username: user.username='admin', password: user.password='password' }); if (response.data.accessToken) { localStorage.setItem('token', JSON.stringify(response.token)); } console.log(response); return response.data; } async logout() { localStorage.removeItem('token'); } } export default new AuthService(); </code></pre> 在这里，如果电子邮件为 true，我尝试登录以触发登录 vuex。但我收到错误 [vuex] 未知操作类型：登录怎么解决这个问题？ </question> <answer tick="false" vote="0"> 您没有在问题中包含<pre><code>auth</code></pre>商店如何链接到您的应用程序。 我猜您有一家主商店，而 <pre><code>auth</code></pre> 商店是其模块之一。 如果我的猜测是正确的，你应该发送<pre><code>auth/login</code></pre>，而不是<pre><code>login</code></pre>，因为总店没有<pre><code>login</code></pre>行动。 旁注：用于调度的条件很可能是错误的。仅当电子邮件实际上是 <pre><code>'****@gmail.com'</code></pre> 时才是正确的。 您可能应该使用 <pre><code>if (userData.email.endsWith('@gmail.com'))</code></pre>。 </answer> </body></html>

vue.js vuejs3 vuetify.js vuex vuex4

回答 0 投票 0

如何使用 Vue 路由器从 Vuex 操作进行导航

我正在使用 Vue 2.x 和 Vuex 2.x 创建一个 Web 应用程序。我正在通过 http 调用从远程位置获取一些信息，我希望如果该调用失败，我应该重定向到其他页面。获取_...

javascript vue.js vuex

回答 6 投票 0

Vuex 和 API 调用

我正在尝试在我正在构建的应用程序中实现 Vuex，以了解有关 Vue.js 的更多信息。这个想法非常简单：检索用户信息和项目列表（所有内容都存储在 Firebase 上）。我明白了...

firebase vue.js google-cloud-platform google-cloud-firestore vuex

回答 1 投票 0

如何在Vuex中访问mapState并渲染到视图

我正在尝试使用 Axios 将所有数据从 API 返回到我的视图，并使用 Vuex 来存储我的状态。该源代码可以返回‘’‘console.log’’’，但无法传递给视图。我尝试将 Mounted() 更改为