草庐IT

vuex中this.$store.commit和this.$store.dispatch的用法

全部标签

Javascript "this"范围根据调用方式给出不同的结果

全部,这是代码:varPerson=function(name){this.name=name;this.printName=function(){console.log("Mynameis"+this.name);}};varp=newPerson("Steve");varfuncRef=p["printName"];p.printName();//Worksp["printName"]();//WorksfuncRef();//returnsincorrectvalue在这里找到一个工作示例:http://plnkr.co/edit/57LS6oXPfqccAWf6uqQV?p=p

git commit 常规提交格式案例

gitcommit常规提交格式案例我们将以几个常见的案例了解gitcommit常规提交格式初始化项目此提交表示已经完成了项目的初始化工作,包括创建了项目的基本结构,配置文件等。feat:初始化项目增加注释此提交表示增加了注释,以提高代码的可读性和可维护性,但不会影响代码的功能。docs:增加注释删除注释/空白行此提交表示删除了几行注释/空白行,这不会影响代码的功能,但是可以提高代码的可读性和可维护性。chore:删除注释修改变量名/类型此提交表示对某个变量进行了重命名/类型修改,以提高代码的质量和可读性。这个修改不会影响代码的功能,但可能会带来一些潜在的影响,需要进行仔细的测试。refacto

javascript - 获取路由器参数到 Vuex Action

我想将路由器参数传递给VuexAction,而不必像这样以大型形式为每个Action获取它们:edit_sport_type({rootState,state,commit},event){constsportName=rootState.route.params.sportName或者像这样,edit_sport_type({state,commit,getters},event){constpayload={sportName,getters.getSportName}或者更糟糕的是:从组件props中获取参数并将它们传递给dispatch,对于每个dispatch。有没有办法将其

Javascript 使用 `apply()` 传递参数数组,但保留 `this` 对 `call()` 的引用

我需要结合JavaScript的call()和apply()方法的强大功能。我遇到的问题是call()保留了对this的正确引用,但是当我需要它作为函数参数发送时,将我拥有的参数数组作为数组发送.apply()方法在使用数组时将参数发送到函数就好了,但我不知道如何向它发送对this的正确引用,call()方法好像天生就可以访问。下面是我所拥有的代码的简化版本,它可能看起来毫无用处,但它是表达要点的好方法://ANOBJECTTHATHOLDSSOMEFUNCTIONSvarmain={};main.the_number=15;main.some_function=function(ar

javascript - 使用 `prototype` 而不是 `this` 的原因

我正在使用Lightbox2https://github.com/lokesh/lightbox2/blob/master/js/lightbox.js而且我不明白为什么Lightbox的所有内部成员都是原型(prototype)(Lightbox.prototype.init)而不是简单的成员(Lightbox.init)?如果它们特定于lightbox的每个实例,使用this.init不是更容易吗? 最佳答案 困惑?不要...这样想:Lightbox是您的类定义,但它还不是一个实例。任何你直接放在类上的东西都像一个静态成员:Li

javascript - NUXT 中间件中未定义 Vuex store

我正在练习NUXT,从教程中可以看出它运行良好。进入NUXT中间件时我的失败。逻辑是,如果页面重定向到其他页面,它将进入中间件并使用axios获取结果。中间件/search.jsimportaxiosfrom'axios';exportdefaultfunction({params,store}){console.log(store)returnaxios.get(`https://itunes.apple.com/search?term=~${params.id}&entity=album`).then((response)=>{console.log(response.data.r

javascript "this"再次指向 Window 对象

我在JavascriptthispointstoWindowobject上问了一个问题关于“this”指向Window对象。这里是源代码vararchive=function(){}archive.prototype.action={test:function(callback){callback();},test2:function(){console.log(this);}}varoArchive=newarchive();oArchive.action.test(oArchive.action.test2);TimDown写道“但是该函数随后使用callback()调用,这意味着

javascript - 在 jQuery 中,this.each() 是如何工作的?

为了让我的问题更具体,我阅读了.each()forjQuery的文档,但我有点困惑。我有这段代码:$.fn.imgAreaSelect=function(options){options=options||{};this.each(function(){if($(this).data('imgAreaSelect')){if(options.remove){$(this).data('imgAreaSelect').remove();$(this).removeData('imgAreaSelect');}else$(this).data('imgAreaSelect').setOpt

javascript - React : this.状态在for循环中消失

如何将this带入我的.map()循环?它似乎消失了。:-(我正在创建一个“动态表单”,用户可以在其中为其表单指定多行输入。我想遍历state.items[]中的所有项目并为它们构建表单输入字段。例如,表单以“field”和“autocomplete_from”开头。然后用户可以单击添加新行以在其表单中获取更多行。102render:function(){103return(104105{this.state.items.map(function(object,i){106return(107109110State.autocomplete_from:{this.state.autoc

javascript - $timeout 函数中的 AngularJS 'this' 引用不起作用

我有一个让我发疯的AngularJS问题。我有一个看起来像这样的服务(这是一个说明问题的例子)varapp=angular.module('test-module');app.service('ToolService',function($timeout){this.doSomething=function(){console.log("yunoreferencedasmethod?!?");}this.runTimeoutExample=function(){$timeout(function(){this.doSomething();},1000);}})我的Controller看