-
1 votesanswersviews
Nuxt / Vue反应体属性
当我点击菜单汉堡div时，我想在 body 标签上添加类 menu-opened . My div <div v-on:click="openMenu"></div> The openMenu method methods: { openMenu() { console.log('open menu launch') ... -
8 votesanswersviews
如何在vuex商店中使用vue-resource（$ http）和vue-router（$ route）？
在我从组件的脚本中获取电影细节之前 . 该功能首先检查商店的电影ID是否与路线的参数电影ID相同 . 如果相同则不从服务器API获取电影，否则从服务器API获取电影 . 它工作正常 . 但现在我正试图从商店的变异中获取电影细节 . 但是我收到了错误 未捕获的TypeError：无法读取未定义的属性'$ route' 如何使用vue-router ($route) 访问params和vue-r... -
0 votesanswersviews
Jest：如何模拟vuex中使用的vue-router
我试图在vuex的操作中使用vue-router，这在localhost上工作正常 . 但是，当我尝试通过从商店文件导入“操作”来准备商店（用于模拟）时，我遇到了错误 . 你能帮帮我解决这个问题吗？ versions vue-test-utils: 1.0.0-beta.16 yarn: 1.5.1 vuejs: 2.5.13 vue-jest: 1.4.0 error msg FAIL ... -
0 votesanswersviews
使用vuex和vue-router时未定义的数据
我的应用程序中的初始数据状态存在问题 . 我正在使用vuex和vue-router，我认为异步的东西让我感到沮丧，但我不确定如何修复它 . 在我的view.vue组件中： beforeRouteEnter(to, from, next) { store.dispatch('assignments/getAssignment', { id: to.params.id }).then(... -
9 votesanswersviews
如何在vue-router中访问异步存储数据以便在beforeEnter hook中使用？
如何在beforeEnter中访问通过商店操作异步检索的商店数据？ import store from './vuex/store'; store.dispatch('initApp'); // in here, async data will be fetched and assigned to the store's state // following is an excerpt of ... -
0 votesanswersviews
Vue路由器导航从组件内部获取
我在我的vuex store.js中使用来自集中状态管理的vuex我将登录状态存储为布尔值，如下所示 export const store = new Vuex.Store({ state: { loggedIn: false, userName: 'Guest', error: { is: false, errorMessage: '' } }, getters: { g_log... -
0 votesanswersviews
如何设置vuex和vue-router以在未设置商店值时重定向？
我正在使用最新版本的vue-router，vuex和feathers-vuex，我的路由器出了问题 . 我正在做的是检查路由是否在meta.json文件中具有属性 "requiresAuth": true . 如果是，则检查feathers-vuex提供的 store.state.auth.user 的值，如果未设置此值，则重定向到登录 . 这工作正常，除非我登录并且如果我重... -
0 votesanswersviews
Vuejs router beforeEach：如果state为true，则运行代码，否则将异步数据加载到状态，然后运行相同的代码
我在我的SPA中使用VueJS，VueRouter和VueX .我希望我的应用程序在启动时加载一些数据，在多个路径下需要 . 该数据存储在VueX的状态中 .这里's what I'已完成我的路由器，在评论中有解释，希望它足够清楚： router.beforeEach((to, from, next) => { if (!store.getters.getStartUp()) { // a ... -
0 votesanswersviews
Vue-Router数据获取：在'beforeRouteUpdate'加载组件之前获取数据
我是vue-router导航卫士的新手，所以我最近意识到我需要使用 beforeRouteUpdate guard来重用组件，例如：从 /foo/1 到 /foo/2 然而，在来到 /foo/1 时，我通过axios调用从数据库中提取数据，在进入 /foo/2 之前，我需要通过axios调用再次提取新数据 . 这是我遇到的问题，导航防护 beforeRouteUpdate 在我从axios调用加... -
2 votesanswersviews
在解决Vue路由之前访问Vuex
我有什么： 路由器，带有auth-required路由和公共路由具有用户身份验证状态的 vuex 我想要什么：使用 axios 向服务器发送请求以检查用户的身份验证状态 before app已加载（在解析路由器之前） . router.js ： import Vue from 'vue' import Router from 'vue-router' import store from '.... -
2 votesanswersviews
我应该在Vuex操作上使用vue-resource
我正在开发一个从后端获取机场的webapp . 我也在使用Vuex来共享状态和数据 . 我的问题是我应该在我的VueX操作或我的vue实例方法中加载机场然后调用仅调度事件的操作 例 // ajax from vuex actions export const loadAirports = ({dispatch})=>{ //load data via vue-resource ... -
0 votesanswersviews
Vue.js / vuex UI未在程序化导航上更新
在我的Vue应用程序中，我有一个编辑记录的视图 . 从该组件我（1）调用vuex操作将记录持久化到数据库，以及（2）调用 $router.push() 导航回概览视图 . vuex操作将使用AJAX保留记录，然后将返回的记录推送（替换或追加）到商店中的概述列表 . 问题是在我进行一些手动导航之前，更改不会显示在概览视图中 . vuex / store.js： import Vue from 'v... -
53 votesanswersviews
有没有办法在两个命名空间的vuex模块之间分配操作？
是否可以在命名空间模块之间调度操作？ 例如 . 我有vuex模块“gameboard”和“notification” . 每个都是命名空间 . 我想从游戏板向通知模块发送一个动作 . 我以为我可以在调度操作名称中使用模块名称，如下所示： // store/modules/gameboard.js const actions = { myaction ({dispatch}) { ... -
2 votesanswersviews
在Vue操作中捕获所有异常
在某些时候开发我错误输入新变量的名称 . 抛出异常，但如果在Vue操作中的Promise上下文中调用代码，则不会在控制台上记录此异常 . 假设一个Vue动作返回一个抛出异常的Promise： export const debug = ({}) => { return new Promise((resolve, reject) => { throw 'MyErro... -
2 votesanswersviews
vue electron如何将文件写入磁盘
我正在使用Vue和Electron构建桌面应用程序 . 我想从vue组件中保存一个文件，其中包含用户引入的一些数据 . 为此，我尝试在vuex操作中使用fs节点模块，但它让我犯了错误 . 找不到那个模块 . 我知道Vue是客户端，但是，我认为在使用Electron的那一刻它可以工作，但事实并非如此 . 要初始化我的应用程序，我使用了vue-cli和命令vue init webpack electr... -
1 votesanswersviews
在从vuex操作返回的promise中测试VueJS方法
我有一个Vue组件，它使用来自vuex商店的映射操作，它返回一个promise . 当组件调用映射的操作，并且映射的操作被解析时，我正在调用另一个vue方法 vm.$router.push() . 我想断言 push 方法被调用 . 这是我使用vuex和vue-router创建的组件，测试和一些辅助方法 . Here is my .vue component with some console.... -
0 votesanswersviews
从非vue文件访问Vue应用程序（this）
我是vue的新手（开始使用vue 2）我正在使用Store（vuex）而我正在努力实现某些目标 . 基本上我设法安装了vue-auth插件：我有这个 . $ auth我可以从.vue文件中调用 . 现在使用商店我想通过从vue文件调度这样的调用来调用userLogin函数： <script> export default { computed: { comparePassw... -
0 votesanswersviews
通过Vuex返回axios Promise
所有！ 我需要使用vuex在我的vue组件中获取axise Promise . 我有serviceApi.js文件： export default { postAddService(service) { return axios.post('api/services', service); } } 我在vuex的行动： actions: { addService(stat... -
3 votesanswersviews
存储在vuex axios响应中无法正常工作
每当我使用axios响应将数据发送到vuex存储时，例如 . ** Sidebar.vue ** created(){ this.getRoles(); }, methods: { getRoles(){ var _this = this var roles = null this.$http.get('/api/userroles/... -
9 votesanswersviews
我可以从Vuex中的getter发送
小提琴：here 我正在使用Vuex和Vuex创建一个webapp . 我有一个商店，我想从getter获取状态数据，我想要的是如果getter发现数据尚未填充，它会调用dispatch并获取数据 . 以下是我的Vuex商店： const state = { pets: [] }; const mutations = { SET_PETS (state, response) { ... -
18 votesanswersviews
如何访问Vuex模块获取器和突变？
我正在尝试切换到使用Vuex而不是我自己开发的商店对象，我必须说我没有像Vue.js世界其他地方那样清楚地找到文档 . 假设我有一个名为'products'的Vuex模块，它有自己的状态，突变，getter等 . 我如何在该模块中引用一个名为'clearWorking Data'的动作？文档提供了访问模块状态的示例： store.state.a // -> moduleA's state 但... -
29 votesanswersviews
如何在Vuex 2中设置初始状态？
我正在为一个小应用程序使用Vue.js 2.0和Vuex 2.0 . 我正在通过调用从API检索初始状态的操作初始化根Vue实例上的'created'生命周期钩子中的存储....就像我的_489816中一样： const app = new Vue({ el: "#app", router, store, data: { vacation: {}, }, ... -
3 votesanswersviews
Vuex访问状态BEFORE异步操作完成
我遇到的问题是计算的getter在更新之前访问状态，从而呈现旧状态 . 我已经尝试了一些事情，例如将变量与动作合并以及将状态更改为许多不同的值，但在调度完成之前仍然会调用getter . Problem 在异步操作（api调用）完成之前访问状态 . Code structure 组件A加载API数据 . 用户点击1个数据 . 组件A将单击的数据（对象）调度到组件B. 组件B加载收到... -
0 votesanswersviews
vuex-动态模块没有唯一数据
我有一个异步api调用，我得到一个对象数组，然后我将它映射到我的商店中动态注册的模块 . 像这样的东西： 派遣 // before this dispatch some api call happens and inside the promise // iterate over the array of data and dispatch this action dispatch(`list/$... -
0 votesanswersviews
Vuex getter返回undefined
我有一个使用vex存储站点范围数据的vue应用程序我获取用户信息并将其置于创建生命周期方法之前的状态，如下所示： const app = new Vue({ el: '#app', store, beforeCreate(){ store.dispatch('currentUser'); } }); 在我的用户模块中，我有一个获取用户名的gette... -
1 votesanswersviews
如何使vuex吸气剂反应
我正在制定VUE的时间表，我对VUE和JS都很新 . 我创建了VUE组件，它将一些新属性添加到已处于状态的对象中，然后我将此对象与getter一起使用并在我的另一个VUE组件中渲染，但不幸的是，新属性仅在重新加载后呈现 . 这是我的组件的片段，我添加了新属性 methods: { ...mapActions({addDateToState: 'addDate'}),... -
1 votesanswersviews
如何在vue-router之前运行某些东西
我正在 Build 我的第一个SPA，我正面临一些问题 . 这是它的设计方式： Laravel和Laravel Views处理登录和注册相关页面 . SPA从用户登录页面开始 . 我的app.js定义了一个默认的VueJS应用程序，我在其中使用 mounted() 方法设置登录用户的状态（VUEX） . 理想情况下，它所做的只是通过对Laravel后端的axios调用获取用户详细信息并... -
1 votesanswersviews
Vue从承诺中回来
我试图从这个调度中返回一些值 this.$store.dispatch('setValue', this.Value) .then(response => { console.log(response) }); 在我的vuex行动中，我有 .catch(error => { if (error.response.status =... -
0 votesanswersviews
在vuex中正确使用getter
我正在用vue v2开发一个应用程序，有些东西让我思考 . 很难找到良好做法的信息，所以我决定在这里问一下 . 我有前端的laravel api和vue . 到目前为止，我的模型只能容纳几个物体（<100），所以我只是把它放在状态中，并用吸气剂获得所需的物体 . 现在我有一个可以容纳> 10000个对象的模型，因此将它们全部放入状态几乎就是主题 . 我解决这个问题的方法是使用动作从id... -
2 votesanswersviews
管理哪个bootstrap-vue模式通过vuex状态打开
我正在构建一个需要对多个bootstrap-vue模块进行排序的应用程序 . 具体来说，嵌套组件中的按钮应该打开“manage”模式 . 'manage'模式包含的按钮在点击时应该关闭'manage'模式并打开另一个模态（例如'edit'，'add'，'complete'等） . 而不是上下传递道具/发射事件以便可以从不同的嵌套组件触发这些事件，我希望在我的商店中有一个值 this.$store...