【uni-app】uni-app this 作用域的问题
问题在之前的 VUE 使用一个定义了的属性,一直用的是 this.xxx,而在 uni-app 中使用 this.xxx,却发现无法赋值的问题uni.login({provider: 'weixin',success: function (loginRes) {this.code = loginRes.code}})为什么会出现这样的问题呢?是因为在 function 中的 this 指向的是 l
·
问题
在之前的 VUE
使用一个定义了的属性,一直用的是 this.xxx
,而在 uni-app
中使用 this.xxx
,却发现无法赋值的问题
uni.login({
provider: 'weixin',
success: function (loginRes) {
this.code = loginRes.code
}
})
为什么会出现这样的问题呢?是因为在 function
中的 this
指向的是 login 这个方法。
解决
既然是因为 this
作用域的问题,就要使 this
指向外面的作用域,常见的有两种解决方法:
- 在外层赋值给另一个变量使用
let _this = this; uni.login({ provider: 'weixin', success: function (loginRes) { _this.code = loginRes.code } })
- 使用箭头函数
uni.login({ provider: 'weixin', success: (loginRes) => { this.code = loginRes.code } })
为什么箭头函数可以呢?是因为
ES6
语法中,箭头函数的this
指向的是父函数的this
更多推荐
已为社区贡献1条内容
所有评论(0)