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

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

uni-app 数据渲染 this作用域 Vue 全局变量
关键词由CSDN通过智能技术生成

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

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

qinfinger
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
箭头函数this指向问题
nldxfs的博客
09-08 181
前言： 线下笔试碰到的题目，发现学习掌握的不透彻，所以回来填坑 题目 const obj1 = { a:1, func:()=>{ console.log(this,this.a); } } const obj2 = { a:2 } console.log(obj1.func.bind(obj2)()); 输出结果为： 刚开始很疑惑结果，...
关于uniapp对接阿里OSS
07-04
这是封装的oss 上传单独图片
uniapp函数里面的this指向问题
热门推荐
ploki8的博客
07-18 2万+
问题描述： 今天在学习时发现在uni.request请求时，接收到数据被赋值给了data里面得数组myfriends里面，再由v-for进行数据渲染。 编写逻辑： data(){ return{ myfriends:[] } } 方法： initialfriendlist:function(id){ var data={ “userid”:id }; uni.request({ url: comm...
uniapp vue 数组map遍历方法 类似forEach 箭头函数
qq_36632604的博客
07-20 8591
分析内容 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...
Uni-app 中的数据缓存的使用
li_zie的博客
04-23 1675
导读： 在移动应用开发中，数据缓存是一项至关重要的技术，它可以提高应用的性能、减少网络请求、提升用户体验。Uni-app 提供了多种缓存管理方式，本文将介绍如何在 Uni-app 中使用各种缓存技术来优化应用。正文：在 Uni-app 中，我们可以使用多种方式来进行数据缓存管理，包括本地存储、状态管理、网络请求缓存等。下面我们将逐一介绍这些方法。LocalStorage 和 SessionStorage：LocalStorage 和 SessionStorage 是浏览器提供的本地存储机制，它们可以用来存储
uni-app踩坑
sjt1010的博客
07-17 554
一：uni.switchTab使用注意 uni.switchTab({ url:"/pages/***/***"// 注意:此处开头必须有/,否则不跳转 }) 二：uni.getStorage使用注意 onLoad() { let that = this;//这边要重新指定this uni.getStorage({ key:'userList', success:function(res){ that.userList = JSON.pars
#uniapp#坑#this 指向问题
LYR 的博客
07-22 1421
methods: { initData(id) { console.log(id); const that = this console.log('cakeid' + id); uni.request({ url: config.apiURL + '/cake/' + id, method: 'GET', success: function(res) { console.log(this); // that.$set('cake'
uniapp微信小程序（用左右箭头控制Swiper滚动）
08-21
uniapp微信小程序（用左右箭头控制Swiper滚动） 微信小程序原本Swiper组件没有箭头控制功能，用uniapp进行了功能封装，开发者可自行对内部进行组件化封装直接使用在自己项目里。本项目为初始项目、优化架构和去掉...
关于我们-VUE模板 UNIAPP模板 布局、样式、JS分离
04-02
关于“关于我们-VUE模板 UNIAPP模板 布局、样式、JS分离”这个主题，我们探讨的是一个基于Vue.js的前端开发框架——UniApp，它是一个用于构建多端应用的统一开发平台。Vue.js是一个轻量级的、声明式的JavaScript框架...
uniapp关于ios打包测试流程.docx
09-14
uniapp 关于 ios 打包测试流程 uniapp关于ios打包测试流程是指使用uniapp框架开发的应用程序在ios平台上的打包和测试过程。下面是该流程的详细介绍： 准备环境 uniapp关于ios打包测试流程的第一步是准备环境。...
uniapp人脸监测，uniapp人脸生物监测
10-30
uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测...
uniapp精美ui模板
最新发布
05-27
【uniapp精美ui模板】是专为开发人员设计的一套高质量UI模板，旨在提升移动应用的界面美观度和用户体验。这套模板充分利用了uniapp框架的优势，适用于构建多种类型的APP，如电商、社交、资讯等。它包含了一系列预先...
uniapp 预览docx文档
04-11
在移动应用开发中，uniapp是一个非常流行的框架，它允许开发者使用一套代码库来构建多平台的应用，包括iOS、Android、H5以及小程序等。在实际应用中，有时我们需要实现预览docx文档的功能，例如阅读合同、报告或任何...
uniapp 在线预览pdf
09-18
这可以通过创建一个指向PDF文件URL的链接，然后在WebView中加载这个链接来实现。例如，我们可以使用`<web-view>`组件，并设置其src属性为PDF文件的URL。这种方法简单直接，但是预览界面由浏览器控制，可能无法进行...
uniapp数独小游戏
09-22
【uniapp数独小游戏】是一款基于uniapp框架...对于初学者，这是一个很好的实践项目，可以加深对uniapp框架的理解，同时提升解决问题的能力。而对于有经验的开发者，此项目也是一个展示uniapp强大功能和灵活性的实例。
uniapp this指向问题
ddttxx的博客
05-30 894
本次开发遇见了一个问题就是this的指向问题。
uniApp- uni.request的使用——以及箭头函数和普通函数的坑
SeverusYang的博客
05-08 596
结果前台渲染成功，console.log(this.tableData)返回渲染了[1]，之后我又把console.log()这个命令放到了onShow(res)的第一行命令，同样也返回正确。因为如果在uniApp中使用axios，会产生跨域或者配置等各种问题，所以综合分析以后，我打算将这串代码修改为用uni.request这个uni自带的api解决问题。如果想在UniApp中使用更多的Vue3的Api，还需要根据实际情况，进行打包的配置处理。其实原本修改的方向很简单，但是我的出发点上来就错了。
Uniapp小知识笔记集合 [持续更新中]
HuiDieDie的博客
03-12 2000
⑨v-if和v-for不建议一起使用的原因 ⑧组件是什么意思 ⑦数据挂载，挂载后可通过this直接点出数据 ⑥路径前@符号的含义 ⑤常量的定义和使用 ④如何获取接口文档的全路径 ③数据绑定的两种方式 ②变量定义的两种方式 ①箭头函数和非箭头函数的区别
uniapp箭头函数
09-05
需要注意的是，由于箭头函数没有自己的 this 值，所以在使用箭头函数时需要注意 this 的指向。如果需要使用当前组件实例的属性或方法，应该使用普通的函数定义方式。 希望以上信息能够对你有所帮助！如果你还有其他...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值