我有两个模块，activities 和alerts。添加 activity 时，我想使用命名空间操作 alerts/SHOW 发送警报。
当我直接从组件调用操作时(使用来自 Vuex 的 createNamespacedHelpers，带有 alerts 的命名空间)，这会起作用。
但是当我从另一个命名空间模块分派(dispatch)操作时，我收到以下错误消息:
[vuex] unknown action type: SHOW
我不确定我做错了什么。
我正在为 activities 命名空间调用 ADD 操作和另一个 createNamespacedHelpers。我还使用了 { root: true } 选项，在 Vuex module documentation 中指出.
<template>
<button @click="addActivity(activity)"
type="button"
:disabled="activityCount >= maxActivities"
class="btn btn-secondary">{{ activity.name }}
</button>
</template>
<script>
import { createNamespacedHelpers } from "vuex";
import { ADD } from "@/store/modules/activities";
const { mapActions, mapGetters, mapState } = createNamespacedHelpers(
"activities"
);
export default {
methods: {
...mapActions({
addActivity: ADD
})
},
computed: {
...mapState(["maxActivities"]),
...mapGetters(["activityCount"])
},
props: {
activity: {
type: Object,
required: true
}
}
};
</script>
import uuid from "uuid/v4";
import { SHOW as SHOW_ALERT } from "@/store/modules/alerts";
export const ADD = "ADD";
export const RESET = "RESET";
export const MAX_ACTIVITIES = 15;
const state = {
items: [
{ id: 1, name: "A" },
{ id: 2, name: "B" },
{ id: 3, name: "C" },
{ id: 4, name: "D" },
{ id: 5, name: "E" },
{ id: 6, name: "F" }
],
activities: [],
maxActivities: MAX_ACTIVITIES
};
const getters = {
activityCount(state) {
return state.activities.length;
}
};
const mutations = {
[ADD](state, activity) {
state.activities = [...state.activities, { ...activity, id: uuid() }];
},
[RESET](state) {
state.activities = [];
}
};
const actions = {
[ADD]({ dispatch, commit, getters }, activity) {
if (getters.activityCount >= MAX_ACTIVITIES) {
return null;
}
if (getters.activityCount > 1) {
dispatch(SHOW_ALERT, null, { root: true }); // This is the problematic line.
}
commit(ADD, activity);
}
};
export default {
namespaced: true,
state,
mutations,
actions,
getters
};
export const SHOW = "SHOW";
const state = {
show: false
};
const mutations = {
[SHOW](state) {
state.show = true;
}
};
const actions = {
[SHOW]({ commit }) {
commit(SHOW);
}
};
export default {
namespaced: true,
state,
mutations,
actions
};
import Vue from "vue";
import Vuex from "vuex";
import activities from "./modules/activities";
import alerts from "./modules/alerts";
Vue.use(Vuex);
export default new Vuex.Store({
modules: {
activities,
alerts
}
});
最佳答案
调度时必须为操作命名空间:
dispatch('alerts/' + SHOW_ALERT, null, { root: true });
使用模板文字应该是:
dispatch(`alerts/${SHOW_ALERT}`, null, { root: true });
关于javascript - 无法从单独的模块分派(dispatch)命名空间操作 : [vuex] unknown action type，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49972028/
我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-
我对最新版本的Rails有疑问。我创建了一个新应用程序(railsnewMyProject)，但我没有脚本/生成，只有脚本/rails，当我输入ruby./script/railsgeneratepluginmy_plugin"Couldnotfindgeneratorplugin.".你知道如何生成插件模板吗？没有这个命令可以创建插件吗？PS:我正在使用Rails3.2.1和ruby1.8.7[universal-darwin11.0] 最佳答案 随着Rails3.2.0的发布，插件生成器已经被移除。查看变更日志here.现在
我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r
我正在尝试在我的centos服务器上安装therubyracer，但遇到了麻烦。$geminstalltherubyracerBuildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingtherubyracer:ERROR:Failedtobuildgemnativeextension./usr/local/rvm/rubies/ruby-1.9.3-p125/bin/rubyextconf.rbcheckingformain()in-lpthread...yescheckingforv8.h...no***e
我花了三天的时间用头撞墙，试图弄清楚为什么简单的“rake”不能通过我的规范文件。如果您遇到这种情况:任何文件夹路径中都不要有空格!。严重地。事实上，从现在开始，您命名的任何内容都没有空格。这是我的控制台输出:(在/Users/*****/Desktop/LearningRuby/learn_ruby)$rake/Users/*******/Desktop/LearningRuby/learn_ruby/00_hello/hello_spec.rb:116:in`require':cannotloadsuchfile--hello(LoadError) 最佳
我在pry中定义了一个函数:to_s，但我无法调用它。这个方法去哪里了，怎么调用？pry(main)>defto_spry(main)*'hello'pry(main)*endpry(main)>to_s=>"main"我的ruby版本是2.1.2看了一些答案和搜索后，我认为我得到了正确的答案:这个方法用在什么地方？在irb或pry中定义方法时，会转到Object.instance_methods[1]pry(main)>defto_s[1]pry(main)*'hello'[1]pry(main)*end=>:to_s[2]pry(main)>defhello[2]pry(main)
我使用的是Firefox版本36.0.1和Selenium-Webdrivergem版本2.45.0。我能够创建Firefox实例，但无法使用脚本继续进行进一步的操作无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)错误。有人能帮帮我吗？ 最佳答案 我遇到了同样的问题。降级到firefoxv33后一切正常。您可以找到旧版本here 关于ruby-无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)，我们在StackOverflow上找到一个类
当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub
GivenIamadumbprogrammerandIamusingrspecandIamusingsporkandIwanttodebug...mmm...let'ssaaay,aspecforPhone.那么，我应该把“require'ruby-debug'”行放在哪里，以便在phone_spec.rb的特定点停止处理？(我所要求的只是一个大而粗的箭头，即使是一个有挑战性的程序员也能看到:-3)我已经尝试了很多位置，除非我没有正确测试它们，否则会发生一些奇怪的事情:在spec_helper.rb中的以下位置:require'rubygems'require'spork'
当我在我的Rails应用程序根目录中运行rakedoc:app时，API文档是使用/doc/README_FOR_APP作为主页生成的。我想向该文件添加.rdoc扩展名，以便它在GitHub上正确呈现。更好的是，我想将它移动到应用程序根目录(/README.rdoc)。有没有办法通过修改包含的rake/rdoctask任务在我的Rakefile中执行此操作？是否有某个地方可以查找可以修改的主页文件的名称？还是我必须编写一个新的Rake任务？额外的问题:Rails应用程序的两个单独文件/README和/doc/README_FOR_APP背后的逻辑是什么？为什么不只有一个？