我使用压缩和加密我的vuex ouath信息,并使用vuex-persistedstate使其在页面刷新后保持不变。所有这些都很好,而且运行良好,但是当我添加encodingType:"aes"来保护-ls选项时,会发生一些奇怪的事情。它使持久化不再有效,我的意思是当我刷新页面时,状态就消失了。我该怎么解决这个问题?
import Vue from "vue";
import Vuex from "vuex";
import oauthTokenModule from "./modules/oauthToken";
import
考虑一个简单的Vue博客:
我使用Vuex作为我的数据存储库,我需要设置两个:一个用于按ID检索post的getPost getter,以及一个返回每个特色帖子前几个字符的listFeaturedPosts。功能帖子列表的数据存储模式通过它们的ID引用这些帖子。为了显示摘录,需要将这些ID解析为实际的帖子。
store/state.js
export const state = {
featuredPosts: [2, 0],
posts: [
'Lorem et ipsum dolor sit amet',
'Lorem et ipsum do
我已经将Vuex-Persist和Vuex-ORM添加到我的Nuxt项目中。当应用程序第一次启动时,我想添加一些样板数据。 在我的default.vue布局中,我添加了一个创建的函数来添加这个虚拟数据。 <script>
import Project from '../models/Project';
export default {
created () {
// I'm Using Vuex-Orm to check if there are any projects stored
if (Project.query().coun
我很难让Vuex-Persist正常工作。基本上,不保存它应该保存的数据: ? 其次,它会在刷新时消失。这就破坏了图书馆的全部意义。 这是我的存储文件: import { createStore } from "vuex";
import Modules from "./modules";
import VuexPersistence from "vuex-persist";
import Cookies from "js-cookie";
const vuexLocal = new VuexPersistence({
我让我的组件与VUEX存储一起工作,但是在测试期间,我得到了以下错误:
● farewell/list.vue › renders all farewells
TypeError: this.allFarewellsAssociatedWithGreeting is not a function
下面发布了我的组件、测试和存储getter代码。
我更新了我的组件以使测试通过,但是实际的应用程序无法工作。更新存储时,组件不会呈现。这段代码也张贴在下面。
请让我知道,如果有什么其他我可以提供帮助故障排除。或者如果有任何步骤,我可以采取进一步的疑难解答。
谢谢你抽出时间帮助一位新手
这是我
我正在努力保存一些数据,这些数据需要在页面重新加载后保持不变。我偶然发现了Vuex。我设法让它在一个只有Javascript的项目中工作,但由于某种原因,我不能让它在TypeScript中工作。刷新后,数据使用默认值,而不是在页面刷新之前分配的数据。 import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist'
import LanguageEntry from '../classes/LanguageEntry'
这是我的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
我正在测试我的App.vue,而且我在getter上遇到了一个Vuex错误.我想它与一个糟糕定义的getters属性有关,但我不知道如何解决它。回赠欢迎
Console.log
ERROR LOG: '[vuex] unknown getter: getLists'
App.vue
✗ calls store action addShoppingList when a click event is fired from the plus-sign icon
AssertionError: expected false
我有一个简单的应用程序,它有一个普通的堆栈:
后端服务器(Rails)
前端应用程序(Vue)
数据库(PG)
Vue应用程序使用Vuex存储库的操作从后端获取数据,如下所示:
// store/store.js
import Vue from 'vue';
import Vuex from 'vuex';
import * as MutationTypes from '@/store/mutation-types';
Vue.use(Vuex);
export default new Vuex.Store({
sta
因此,每当vuex中的状态不为空时,我都会尝试从组件中更新一些数据。我用laravel设置了一个API routes,它在用户登录后返回用户信息。
API路由:
Route::group(['middleware' => ['auth:api']], function () {
Route::get('profil', 'Api\UserController@profil')->name('profile'); // will returning user info
}
Vuex:
export
我最近使用NPM为生产环境构建了我的VUE项目,但是在控制台中我得到了以下错误。有人知道vuex为什么抱怨吗?npm 3.10,node.js 8.11,
Uncaught Error: [vuex] getters should be function but "getters.default" is {}.
at assert (vuex.esm.js:97)
at vuex.esm.js:271
at vuex.esm.js:85
at Array.forEach (<anonymous>)
at forEachValue (vuex.esm.js:85)
a