...
第一个输出英文 Hello ,第二个输出中文 你好 。这说明了showMessage 里的this指的是window,而showMessage 里的this指的是vue实例。 对于普通函数 包括匿名函数 ,this指的是直接的调用者,在非严格模式下,如果没有直接调用者,this指的是window。showMessage 里setTimeout使用了匿名函数,this指向 window。 箭头函数 ...
2018-10-11 14:06 6 16202 推荐指数:
...
第一个输出英文"Hello!”,第二个输出中文“你好!”。这说明了showMessage1()里的this指的是window,而showMessage2()里的this指的是vue实例。 ※ 对于普通函数(包括匿名函数),this指的是直接的调用者,在非严格模式下,如果没有直接调用者 ...
1、※ 对于普通函数(包括匿名函数),this指的是直接的调用者,在非严格模式下,如果没有直接调用者,this指的是window。showMessage1()里setTimeout使用了匿名函数,this指向window。 2、※ 箭头函数是没有自己的this,在它内部使用 ...
在data里定义Object类型的变量时,会发现Object中访问不到vue的this属性。 例如: 想在b中访问this.a的数据,直接访问会返回undefined,因为这时c中的this指向的是b。 这种情况可以用到Object的get属性进行属性定义 ...
1.解决办法 在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined,可以使用箭头函数"=>"来解决。如下: methods: { loginAction(formName) { this.$axios.post ...
Vue methods方法this指向问题 Vue methods 中不应该箭头函数定义methods函数,因为箭头函数绑定了父级作用域上下文,所以 this 打印出的结果是Window 对象 不使用箭头函数的情况下,this 实际上是指向了一个 Proxy 对象。 vue 内部实际上 ...
问题背景 在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。 如下图所示,我们有一个 login 方法,希望在登录成功之后路由到主页,但通过 this.$router 获取路由器出错。 解决方案 使用箭头函数替代普通函数,ES6中的箭头函数 ...
Vue关于this指向的问题 与vm实例没有任何关系。而是与箭头函数和普通函数的区别。 给大家总结两点:1、es5的普通函数,this指向是指向了调用者,比如vue实例的方法(在methods中声明了一个方法)是由vue实例vm调用的,所以this指向vm。 2、箭头函数的this指向 ...