关于uniapp箭头函数this指向问题

已于 2022-04-28 17:32:28 修改
阅读量1.5k 收藏 1
点赞数
文章标签： 缓存 vue.js 前端 uni-app
于 2022-02-16 08:51:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44365415/article/details/122955868
版权

如题，解决方案如下
uni-app获取到数据如何渲染到页面上

补充：
该问题的出现是因为this存在作用域，
在这里插入图片描述
如果没有定义这个that属性，而在success里直接使用this关键字的话，tableList只会作用在这个函数里，而不会影响这个vue页面的属性tableList（全局）。
所以需要定义一个that以确定tableList的范围

qinfinger
关注
uniapp-页面内/页面间数据的流动传递-this-that
槿柊的博客
07-07 2339
在编写后端的时候，经常就碰到各种各样的参数传递，现在把这些烦人的地方总结一下！分为两部分，页面内和页面间的参数传递。 1 页面内的参数传递 1.1 不同位置的this到底指什么？ 页面内的参数传递我觉得一定要先来搞清楚一个问题 不同领域地方的this是什么！ 给粗心的自己看：uni.getLocation的参数是无法直接传递到< template>！ 1.1.1小结： 先说结论性的东西我们会把单页面script里能使用函数的地方的this都过了一遍。看看this在不同的位置所指向的对象是谁！
success函数中遇到的this指向问题
d1063270962的博客
03-15 1079
1.问题 在学习uniapp的过程中，通过uni.chooseImage()来上传本地图片。 原代码如下： data(){ return { imgArr:[] } }, methods:{ chooseImg(){ uni.chooseImage({ count:5, success:(res){ this.imgArr = res.tempFilePaths } }) } } 目的是为了获取本地上传图片的地址，然后将其赋值给imgArr。 然而这里的thi
uniapp中this指向的问题
qq_50864447的博客
07-12 531
uniapp 中this的指向问题
uni-app ssr(服务器渲染) + 动态路由(伪静态) + seo优化
xinranwoaini的博客
08-23 1378
uni-app主要用于小程序开发 也支持H5开发。由于使用的是vue单页面。所以想要搜索引擎seo优化的难度是相当大。uni-app只提供了一个托管云函数的ssr方式，作用相当有限。所以这个轮子必须得自己来造。这些坑帮你们踩过了 不要去踩了。1：ssr(服务器渲染) 只支持托管代码到uni-app云函数上。2：路由是pages.json写死的单页面不支持伪静态3：路由不能使用自己的vue-router@4。
箭头函数及箭头函数中this的使用
bxz0729的博客
10-17 575
箭头函数：一种定义函数的方式 1.定义函数的方式：function const aaa = function () { } 2.对象字面量中定义函数 const obj = { bbb () { } } 3.ES6中的箭头函数 const ccc =(参数列表)=>{ } 3.1 有一个参数：(括号可省略) const sum = num1 =>{ return n...
uniapp this指向问题
ddttxx的博客
05-30 1011
本次开发遇见了一个问题就是this的指向问题。
使用Uni-app的生命周期函数(onLoad,onShow等)时不能使用箭头函数
Chrisilver的博客
05-13 1443
因为HbuilderX的自动补全功能，然后平时写函数比较多使用箭头函数，不小心把onLoad函数也写成了箭头函数的形式，导致debug了一个小时才发现问题。。。 场景重现： A页面向B页面传递一个number参数 B页面的onLoad如下： onLoad：(e)=>{ console.log(e.number) if(JSON.stringify(e)!='{}'&&e.number!=null&&e.number.length!=0){ this.number
uniapp箭头函数
09-05
需要注意的是，由于箭头函数没有自己的 this 值，所以在使用箭头函数时需要注意 this 的指向。如果需要使用当前组件实例的属性或方法，应该使用普通的函数定义方式。 希望以上信息能够对你有所帮助！如果你还有其他...
uniapp使用箭头函数报错ctx为null
最新发布
10-31
2. **箭头函数的 this 指向问题**：在箭头函数中，`this` 的指向不会自动绑定到父作用域，所以它默认会指向全局对象。为了避免这种情况，可以手动绑定 `this` 到当前组件实例上： ```javascript onPreviewImage =...
setTimeout踩坑(有关JS普通函数和箭头函数)
qq_43517388的博客
04-27 1411
关于减后汉书
js高级——this指向
m0_58471238的博客
10-17 283
js高级——this指向
uniapp之this作用域
高先生的猫
06-10 3353
01.先看一个案例 代码如下所示 发现了点击按钮1可以更新title内容，但是点击按钮2却无法更新title内容。这个究竟是为什么呢？ <template> <view class="container"> <text>{{title}}</text> <button type="default" @click="changeTitle1">改变标题内容按钮1</button> <button type="d
uniapp this指向
weixin_45085477的博客
12-20 1163
这个问题卡了几个小时，闭包导致this指向错误 解决办法：使用箭头函数或使用$this=this
【uni-app】uni-app this 作用域的问题
Yuu
09-02 3005
问题 在之前的 VUE 使用一个定义了的属性，一直用的是 this.xxx，而在 uni-app 中使用 this.xxx，却发现无法赋值的问题 uni.login({ provider: 'weixin', success: function (loginRes) { this.code = loginRes.code } }) 为什么会出现这样的问题呢？是因为在 function 中的 this 指向的是 login 这个方法。 解决 既然是因为 this 作用域的问题，就要使 this 指
uni-app 分不清的全局变量this, uni, $u, vm, uni.$u, this.$u
LlanyW的专栏
08-27 7687
项目引入了uview,并将uview所有模块指给uniapp全局变量uni。
学习uni-app新手小白最容易犯的错误--------（this指向问题）
liulubo520的博客
04-03 1194
学习uni-app新手小白最容易犯的错误（一） 在uni-app中有很多像下面这样的API都是封装好的，对我们来说非常简单。 uni.getSystemInfo({ success: function(res) { // console.log(res) } }) 下面我说的这一点新手小白门往往都会踩的坑~~~~~~~~~~仔细看哦 下面代码就是在进入...
uniApp- uni.request的使用——以及箭头函数和普通函数的坑
SeverusYang的博客
05-08 708
结果前台渲染成功，console.log(this.tableData)返回渲染了[1]，之后我又把console.log()这个命令放到了onShow(res)的第一行命令，同样也返回正确。因为如果在uniApp中使用axios，会产生跨域或者配置等各种问题，所以综合分析以后，我打算将这串代码修改为用uni.request这个uni自带的api解决问题。如果想在UniApp中使用更多的Vue3的Api，还需要根据实际情况，进行打包的配置处理。其实原本修改的方向很简单，但是我的出发点上来就错了。
uni-app this作用域的问题
weixin_44134551的博客
05-19 355
uni.login({ provider: 'weixin', success: function (res) { //此处this指向函数内部，并非全局this,获取不到全局data中定义的code this.code = res.code } }) //两种方法解决此问题 uni.login({ provider: 'weixin', success: function (res) { //作用域替换 var me = this; me.code = res.code }
uniapp vue 数组map遍历方法 类似forEach 箭头函数
qq_36632604的博客
07-20 8812
分析内容 1. map 数组遍历方法 (1) 返回一个经过处理后的新数组，但不改变原数组的值。 1 2 3 4 5 6 var a = [1,2,3,4,5] var b = a.map((item) => { return item = item * 2 }) console.log(a) // [1,2,3,4,5] console.log(b) // [2,4,6,8...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值