我试图存储登录在我的应用程序上的用户。我使用一个store.js文件使用vuex并保存我的变量。
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
import Cookies from 'js-cookie'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
userloged: '
这是我的post.js in store
import axios from 'axios'
import createPersistedState from "vuex-persistedstate"
export default {
namespaced: true,
state: {
sample_data: 'Welcome!!',
logged_in: false,
},
getters: {
getSampleData: state => stat
我正在努力保存一些数据,这些数据需要在页面重新加载后保持不变。我偶然发现了Vuex。我设法让它在一个只有Javascript的项目中工作,但由于某种原因,我不能让它在TypeScript中工作。刷新后,数据使用默认值,而不是在页面刷新之前分配的数据。 import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist'
import LanguageEntry from '../classes/LanguageEntry'
我有一个前端Web应用程序接口,API内置于。
我的问题是当我刷新页面时(在用Vuejs/Vuex编写的SPA中),我应该刷新我的令牌,以便用我的Api刷新会话。
我在main.js中尝试过,但他的问题是请求是异步的,响应在路由之后到达。
main.js
if (localStorage.getItem('refresh_token')) {
store.dispatch('refresh_token').then(function(response){
console.log(response);
});
}
new Vue({
r
在第一页刷新时,asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink,回到这个页面时,当状态不发生变化的时候,数据就在那里了。这意味着在第一次加载/刷新时,服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。
使用asyncData的页面组件:
asyncData({ app, params, store }) {
//its not available upon first refresh, but is after following a random nuxtlink and going back
const cartP
需要帮助。
添加vuex-persistedstate到proyect,它似乎不让我呼吁我的行动在商店。当我点击一个尝试注销、页面重新加载的调度时,localStorage保留它在登录和整个VueDev上的VueDev工具重置时获得的相同信息。
这是我的密码。
store.js
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)
export default new
我的问题是,在刷新页面之后,我重写了我的currentLanguge状态:
import Vue from "vue";
import Vuex from "vuex";
import vuexI18n from "vuex-i18n";
import createPersistedState from "vuex-persistedstate";
import toPolish from "./../translations/toPolish";
Vue.use(Vuex);
const store = ne
我有一个包含布尔值的vue.js存储,我需要检测组件内部的变化情况。当userEnabled发生变化时,我需要在组件中调用一个方法。我不需要计算新的值。
我的问题是,我应该为此使用'watch',还是有更有效的方法?如果是这样的话,我应该在“挂载”内配置手表吗?
store.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store = new Vuex.Store({
state : {
userEnable
我在nuxt/starter模板中使用了Vue CLI。我在index.js文件夹中创建了/store,内容如下:
import Vuex from 'vuex'
import firebase from 'firebase'
import { firebaseMutations } from 'vuexfire'
var db = firebase.initializeApp({
databaseURL: 'https://vuefiredemo.firebaseio.com'
}).database()
var tod
我和vuex挣扎了几个小时。这是我第一次使用它,尽管我遵循了文档,但有些东西不能工作,但我真的不能弄清楚。
所以我有第一个不起作用的vuex文档的例子。我有一个返回商店状态的count计算值。
它显示在页面上。started值为0,视图显示为0。但是点击按钮并不会改变显示效果。
如果我将存储直接放入一个常量的App.js中,没有问题,它可以工作。
我知道我错过了什么..。
homeStore.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vu