大家好,欢迎来到IT知识分享网。
本例是在VUE + ELEMENT-UI的环境中,在javascrpit的promise中调用完接口,在then中要调用element-ui的消息提示框.刚开始是这样写的:
onSubmit() { instance .post( `http://localhost:8989/user/regist/${this.verifyCode}/${this.key}`, this.user ) .then(function(response){ console.log(this); if (response.data.code === 200) { this.$alert("点击跳转到登录页面", "注册成功", { confirmButtonText: "确定", callback: action => { this.$message({ type: "info", message: `action: ${action}` }); } }); } else { this.$message({ message: response.data.msg, type: "error" }); } }) .catch(function(error) { console.log(error); this.$message.error(error); }); },
这样在红色代码处的this是undefined.
但是将代码中绿色代码中的函数定义换成箭头函数,红色代码处就可以访问this了,而且这个this就是,顶层的VUE对象.
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/29383.html