vue中this和that区别

最新推荐文章于 2024-07-18 17:37:06 发布
猫豆豆 最新推荐文章于 2024-07-18 17:37:06 发布
阅读量1.1w 收藏 13
点赞数 4
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/weixin_45113337/article/details/108573141
版权 
刚开始看别人的代码时，不明白为什么要有这一步，感觉像是多余的，但是后来自己开发页面的时候，发现不少这样的。

在这里插入图片描述
当我的函数如下时，
在这里插入图片描述

在这里插入图片描述
当我运行时，会报出如上错误：getApplication函数未定义，但是此函数是从全局状态管理中引用过来的，没有什么问题。
在网上百度了之后，将函数改成如下：
在这里插入图片描述
可正常运行，当没有换成that之前，也就是使用this时，此时系统会认为getApplication是onClose中的一个匿名函数对象，但是onClose中是没有此函数的。故会报错。若我们提前将this保存在that中，他就可以正常寻找到getApplication函数。

猫豆豆
关注 关注
  • 4
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
let that = this 或者 var that = this 有什么意义
boyikenan123的博客
04-06 1089
在vue 开发过程中我们经常会发现 let that = this 这样写有什么好处呢 首先要理解this,下面简述两点 this 永远指向一个对象 this 的指向取决于函数调用的位置 首先 this 指向的是一个对象，这个好理解，难就难在第二点，在JavaScript 中 一切都是对象，运行环境也是对象，this 的指向是动态的很难确定指向那个对象 $('#conten').click(function(){ //this是被点击的#conten var that =thi
this-vs-that:___和___在前端开发中有什么区别？
03-18
这个与那个 前端开发中____和___之间的差异。 涵盖各种主题（CSS，DOM，HTML，JavaScript）的差异 包括许多知名的部分 包含许多良好做法 灌输许多技巧和窍门 在本地运行 克隆项目： $ git clone https://github.com/phuoc-ng/this-vs-that 安装依赖项： $ cd this-vs-that $ npm install 在本地运行： $ npm run dev-server 在浏览器中打开 ，以查看其运行情况。 关于 该项目由Nguyen Huu Phuoc开发。我喜欢开发产品和分享知识。 成为我的朋友 产品 您可能对我的产品感兴趣： 1 LOC（3.3k★） 模糊页面 检查浏览器支持 CSS布局（2.7k★） 假号码 表格验证 HTML DOM（3.1k★） React PDF查看器 这个VS那个
Vue中使用that代替this(const that = this )的场景
最新发布
qq_45687669的博客
07-18 426
为了解决这个问题，我们使用 that = this 将 this 保存到变量 that 中，并在回调函数中使用 that.message 来访问 Vue 实例中的 message 属性。在上面的代码中，我们使用箭头函数来定义 setTimeout 的回调函数，这样就可以直接访问 this.message，而不需要使用 that = this 了。需要注意的是，在 Vue 3 中，可以使用箭头函数来避免 that = this 的问题，因为箭头函数的 this 指向的是定义时的上下文，而不是运行时的上下文。
vue：this和that的理解
qq_45796592的博客
08-17 2039
this与that的理解
this和that的区别和原理
a_靖的博客
03-14 1万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： 本篇博文纯属个人见解，如有不妥，可以留言批评指正，谢谢。 var that =this; this指的是当前的对象。 that是一个临时的变量，用于保存当前对象的this状态。（that可以随便取名） 示例： Page({ data: { }, onLoad:functio...
Vue axios中this的指向问题
邓波的博客
02-05 841
在Vue中this始终指向Vue，但axios中this为undefined，例如 若需要赋值给变量用以渲染数据，可以通过=>函数，这时this为Vue 或者可以直接通过：  let that = this  将this保存在that中，再在函数中使用that均可  被坑了很久，一直打印出来undefined，终于解决了 转自：http://bl
Vue中的var that=this；的含义
qq_35531985的博客
08-13 7882
在vue的代码中，经常能看到这样一段代码 var that=this; 这个代码的作用是什么呢？查阅了一些资料，我有了我的理解： 我们以下面的代码为例，来讲一讲this与that的区别。 var app=new Vue({ el:"#player", data:{ query:"五月天", musicList:[] }, methods:{ searchMusic() { var that=this;
this在vue和小程序中的使用详解
10-17
在Vue和微信小程序等前端开发框架中，`this`关键字的使用非常重要，它代表了当前函数运行时所依赖的上下文环境。理解`this`在不同场景下的行为对于编写正确的JavaScript代码至关重要。在本篇详解中，将深入探讨`this...
微信小程序开发中 var that =this的用法
03-29
在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！ 示例代码1 1 //index.js 2 Page({ 3 4 data: { 5 toastHidden: true, 6 }, 7 8 loadData: function () { 9 var that = this//这里...
在vue中使用回调函数,this调用无效的解决
10-14
在Vue组件中，当我们在一个函数内部（比如`updateStudentInfoToServer`）使用`this`调用其他方法或访问数据属性时，如果这个函数被作为回调传递给另一个函数（例如`updateStudentInfoToServer`的第二个和第三个参数...
深入理解Vue.js中的this：解析this关键字及其使用场景
weixin_54703767的博客
12-06 781
不是Vue中的关键字，而是在一些特定的上下文或代码中可能被用作变量名。，可能是开发者自定义的一个变量名，而不是Vue.js中的关键字。可能是指向不同对象的两个变量，或者是在代码中使用时的错误。总体而言，在Vue.js中，主要关注于使用。可能是开发者根据具体情况选择的变量名。来访问组件实例的属性和方法，而。指向当前组件的实例。访问组件的属性和方法。属性中定义了一个属性。例如，在Vue组件的。
Vue中的var that=this；是啥意思？为什么要这样写？
仰望天空，妳我亦是行人.
01-05 943
初学一门技术时，总有些许的疑惑，别怕，它们是我们学习路上的点点繁星，帮助我们不断成长。文章简短，希望对大家有帮助！Vue中的var that=this；的含义。
this和that的几点区别
热门推荐
weixin_42048463的博客
09-10 1万+
1. 意思不同: ①that指较远的人或事物, 意为"那, 那个"; 还可指已提到过或已知的人或事物, 意为"那". ②this指较近的人或事物, 意为"这, 这个"; 还可指已提到过的人或事物, 意为"这". 2. 用法不同: ①that用作指示代词时的意思为"那, 那个", 可指前面提到的那件事, 也可指在空间或时间上较另一事物远的事物或人...
python获取windows窗口_如何在python中使用ctypes获取Windows窗口名称
weixin_39856055的博客
11-24 948
您正在将进程ID传递给带有窗口句柄的函数。您要做的是枚举顶级窗口的句柄，然后将每个窗口映射到进程ID。首先，我们定义ctypes函数原型，以便对函数参数进行正确的类型检查。此外，用于use_last_error=True通过最安全的错误处理ctypes.get_last_error。许多Windows函数返回0表示错误，因此errcheck在这种情况下使用单个函数很方便，例如check_zero。...
Vue中的 var that=this； 的含义
weixin_44774699的博客
05-05 1598
Vue中的 var that=this; 的含义 var app=new Vue({ el:"#player", data:{ query:"五月天", musicList:[] }, methods:{ searchMusic() { var that=this; //将 this指app实例本身、当前对象，赋给that，用that来代表App这个实例 axios.get("ur
vue开发过程this转换为that问题
卓怡学长的博客
07-21 3621
this转换为that问题 1.场景1 const that = this if (dd.env.platform !== "notInDingTalk") { dd.ready(function () { dd.runtime.permission.requestAuthCode({ onSuccess: function (info) { that.$router.push({ name: 'or
关于this指向的问题
qq_46020268的博客
08-21 584
是继承而来的，默认指向在定义它时所处的对象(宿主对象),所以在使用箭头函数时，应判断一下上下文。若回调函数为匿名函数，非严格模式下指向。指向的是调用者，而箭头函数。若回调函数为自定义方法，则。若回调函数为 箭头函数，则。解决办法：定义变量保存。的指向这么不确定呢？首先说明在两种方式中。的写法，在函数内部，
【面试点】：vue中关于this的详解
jieweiwujie的博客
09-25 1474
<template> <div class="home"> 1.window的匿名函数 如settimeout（没有箭头）指向是window；函数里面调用要用that变量接一下，才能拿到vue实例，不然指向window 2.js函数 如foreach ，filter（没有箭头）没有指向，所有函数里面调用，直接指向vue，不用做变量替换 3.箭头函数，没有具体的this指向，在它内部使用，由宿主对象决定 3.1匿名函数使用箭头函数写，指向方法的.
写文章

热门文章

  • vue中this和that区别 11366
  • 报错Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“ 6877
  • 代码中报错Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“ 2049
  • js闭包为什么可以实现点击li标签弹出对应的索引值，详解（一看就会） 885
  • 一张图解释VUE生命周期 130

最新评论

  • 报错Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“

    qickcao: 听我说谢谢你，type:'string'之后，给日期组件的初始值验证通不过了，type;’date'后，又报这个，我太难了表情包

  • 报错Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“

    MFG_666: 相同问题，感谢！

  • vue中this和that区别

    头发哐哐掉: js函数嵌套话 使用这个

  • vue中this和that区别

    猫豆豆: 不一定要把this赋给that，自己定义一个字符就可以，比如self

  • vue中this和that区别

    HOLD ON!: 这个那个

最新文章

  • js闭包为什么可以实现点击li标签弹出对应的索引值，详解（一看就会）
  • 一张图解释VUE生命周期
  • 代码中报错Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“
2022年1篇
2021年1篇
2020年3篇

目录

目录

评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

玻璃钢生产厂家商场美陈选什么经营范围阳泉玻璃钢雕塑生产厂家中山玻璃钢雕塑规格商场美陈供应商的要求成都玻璃钢雕塑摆件销售公司清远动物雕塑玻璃钢图片河北大型商场创意商业美陈价格广场玻璃钢人物雕塑销售电话修武玻璃钢雕塑价格郑州玻璃钢雕塑户外动物园玻璃钢雕塑定制玻璃钢雕塑固定资产类别玻璃钢雕塑申请购买不锈钢镂空玻璃钢卡通雕塑厂梅州透明玻璃钢雕塑生产商长沙人物玻璃钢雕塑哪家便宜玻璃钢仿铜人物雕塑生产厂家牧野玻璃钢雕塑定制开阳玻璃钢雕塑设计公司深圳常用商场美陈订购玻璃钢雕塑是什玻璃钢冰棒雕塑专家金华玻璃钢雕塑凳子莱阳玻璃钢长颈雕塑四川商场主题创意商业美陈资兴玻璃钢长颈雕塑玻璃钢雕塑上色用什么茂名玻璃钢人物雕塑代理商玻璃钢龙凤柱造型龙凤浮雕雕塑温州商场美陈现价香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人？张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身！外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫：哈马斯三号人物被杀测试车高速逃费 小米：已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化