Vue关于this指向的问题

最新推荐文章于 2023-10-27 20:00:00 发布
最新推荐文章于 2023-10-27 20:00:00 发布
阅读量183 收藏
点赞数
分类专栏： 他人经验
原文链接：https://www.cnblogs.com/129TL/p/10022384.html
版权

与vm实例没有任何关系。而是与箭头函数和普通函数的区别。

给大家总结两点：
1、es5的普通函数，this指向是指向了调用者，比如vue实例的方法（在methods中声明了一个方法）是由vue实例vm调用的，所以this指向vm。
2、箭头函数的this指向它的调用者所在的 上下文，也就是vm实例所在的上下文（定义vm的父类），即window.

慢才后生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目中踩过的坑-this
qq_43121828的博客
07-31 996
在vue项目中，this一般指向vue对象，可以使用this.routethis.route this.routethis.staore 等方法，但是遇到一个this指向发生变化的坑 项目中使用echarts组件，在触发图表点击事件时，this不再指向vue对象，而是指向echarts组件，此时用 this.$staore会报错： 此时解决方法为： 将指向vue点的this保存给一个变量 _...
Vue中this的指向问题
热门推荐
Rhine
01-07 2万+
最近一直在做毕业设计，学习了Vue用来写了很多的前端代码，不得不说js对我这个“Java前端程序员”有些太不友好，时不时都能遇到一些坑，this就是其中之一。
Vue的this指向问题
yangqii的博客
10-11 289
原文地址：https://www.jianshu.com/p/50afd1b5ddf6 为了避免this指向出现歧义，有两种方法绑定this。 使用bind showMessage1()可以改为： showMessage1:function(){ setTimeout(function() { document.getElementById("id1").innerTe...
关于vue中vm指向问题
qq_51403084的博客
11-30 1045
1.只有被vue所管理的函数，再写成普通函数之后，里面的this指向才是vm或者组件实例对象。 2.而不被vue管理的函数，例如ajax回调函数等，需要写成箭头函数，这样里面的this才是指向vm或者组件实例对象的。 ...
vue函数中this的指向
Gomeer的博客
11-07 1304
在下面的例子中可以看出，普通函数的this指向的就是Vue的实例，this.message可以获取到data中的值，而箭头函数的this指向了window，不能获取到值 <script> new Vue({ el : '#app', data : { message : "hello vue!" }, ...
Vue中this指向问题
胡云峰的博客
10-27 465
在Vue由Vue管理的函数,尽量使用普通函数定义。不被Vue管理的函数，尽量使用箭头函数定义。这样保证this总是指向Vue实例，可以调用到Vue数据。
关于Vue中this的指向问题
Sfh的博客
07-20 2783
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script src="https://unpkg.com/vue@2.5.9/dist/vue.j
vue （ this 指向问题 ）
qq_45623378的博客
10-04 354
指向问题
vue使用axios时关于this的指向问题详解
11-27
本文主要介绍了关于vue使用axios时this的指向问题，下面话不多说了，来一起看看详细的介绍吧。 1.解决办法 在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined，可以使用箭头函数”=>”来解决...
详解vue中的computed的this指向问题
10-17
主要介绍了详解vue中的computed的this指向问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
10-14
主要介绍了浅谈vue使用axios的回调函数中this不指向vue实例,为undefined，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue this属性批量赋值_由 Vue 中三个常见问题引发的深度思考
weixin_39940913的博客
01-26 2601
前言工作中我们通过搜索引擎或者官方文档很容易就会知道一个语法怎么使用，但是你知道其中的原理吗？我想有一部分同学应该做不到清楚的说明其实现原理。众所周知，如今技术更新迭代速度很快，据 Vue 作者尤雨溪表示 Vue3.x 在今年的下半年发布正式版本，视频地址在这里 VUE CONF 杭州之 3.0 进展 。如果你在使用 Vue 或者正在学习 Vue，那么我建议你观看一遍完整的视频，这可能对你以后接触...
基于改进YOLO的玉米病害识别系统（部署教程＆源码）
06-23
毕业设计：基于改进YOLO的玉米病害识别系统项目源码.zip（部署教程+源代码+附上详细代码说明）。一款高含金量的项目，项目为个人大学期间所做毕业设计，经过导师严格验证通过，可直接运行 项目代码齐全，教程详尽，有具体的使用说明，是个不错的有趣项目。 项目（高含金量项目）适用于在学的学生，踏入社会的新新工作者、相对自己知识查缺补漏或者想在该等领域有所突破的技术爱好者学习，资料详尽，内容丰富，附上源码和教程方便大家学习参考，
非系统Android图片裁剪工具
06-23
这是Android平台上一个独立的图片裁剪功能，无需依赖系统内置工具。。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
美赛：数学建模相关算法 MATLAB实现项目源码.zip（教程+源代码+附上详细代码说明）
06-23
美赛：数学建模相关算法 MATLAB实现项目源码.zip（教程+源代码+附上详细代码说明）。一款高含金量的项目，项目为个人数学建模相关算法 MATLAB实现项目，经过严格验证通过，可直接运行 项目代码齐全，教程详尽，有具体的使用说明，是个不错的有趣项目。 项目（高含金量项目）适用于在学的学生，踏入社会的新新工作者、相对自己知识查缺补漏或者想在该等领域有所突破的技术爱好者学习，资料详尽，内容丰富，附上源码和教程方便大家学习参考，
海信电视刷机数据 LED46K16X3D（0001） 生产用软件数据 务必确认机编一致 整机USB升级程序
06-23
务必确认机身编号与文件名机编一致，如不一致，请勿下载 机身编号一般在机子背面的贴纸上 MST6i48/78/98机芯 1、将Target文件夹拷至U盘。打开U盘上的Target文件夹，可看到一个version.txt文件，其内容类似如下：LED42K16P-B1203_V02.00 2、LED42K16P-B1203对应了机型:LED42K16P(1203) ，V02.00代表了升级软件的版本。注意：该版本号并不代表实际软件版本一定就是该数值，升级时必须保证version.txt中的机型参数与电视中的一致，或者是更高的版本。否则是不能升级的。 3、电视开机状态下插入电视机的USB接口，电视机内部软件会自动识别该升级文件，并给出升级提示。按“OK”键确认升级，电视开始黑屏并进入升级状态，U盘指示灯会不听闪烁，这个过程中不要拔下U盘。 4、升级完后电视会自动重新启动，若此时未拔下U盘，电视可能会再次给出升级提示，这时选“否”或按菜单键取消即可。 5、升级完后需要进入工厂菜单清空一下母块。
嵌入式stm32f103项目实例.pdf
最新发布
06-23
嵌入式STM32F103项目实例可以涉及多种应用场景，以下是一个基于LED闪烁的简单实例，用于演示STM32F103的基本功能和开发流程。 项目名称：STM32F103 LED闪烁示例 一、项目目标 通过STM32F103开发板控制LED灯的闪烁，实现基本的嵌入式编程和硬件控制。 二、硬件需求 1.STM32F103开发板（例如：STM32F103C8T6） 2.LED灯 3.杜邦线 4.电脑和开发环境（如Keil uVision） 三、开发环境搭建 1.安装Keil uVision或其他支持STM32的开发环境。 2.安装必要的驱动程序和库文件，如STM32标准外设库。 四、硬件连接 1.将LED灯的正极连接到STM32F103的某个GPIO引脚（例如PA5）。 2.将LED灯的负极连接到开发板的GND引脚。 五、项目步骤 1.创建工程： 1.打开Keil uVision，创建一个新的工程。 2.选择STM32F103作为目标设备。 2.配置工程： 1.在工程设置中，配置好相关的编译器选项和库文件。 2.确保选择了正确的设备型号和配置。 3.编写代码： 1.编写C语言代码，用于控制L
串的子系统,数据结构C语言处理，有关串的所有基本都有，还有注解
06-23
c语言数据结构运用的串，合理调用串的使用，结合课本上的基本数据调用理解，处理
基于Gabor滤波的指纹图像增强算法matlab仿真. +代码操作视频 2.rar
06-23
基于Gabor滤波的指纹图像增强算法matlab仿真. +代码操作视频 2
vue中this指向问题
05-21
在 Vue 中，this 指向的是当前组件实例，但是在不同的上下文中，this 可能会指向不同的对象。下面列举了一些常见的 this 指向问题： 1. 在回调函数中，this 指向的可能是调用该函数的对象，而不是当前组件实例。可以使用箭头函数或者使用 Function.prototype.bind() 来解决这个问题。 2. 在生命周期钩子中，this 指向的是当前组件实例。 3. 在方法中，this 指向的是当前组件实例，但是如果将方法传递给子组件使用时，this 指向的就是子组件实例了。可以使用箭头函数或者使用 Function.prototype.bind() 来解决这个问题。 4. 在计算属性中，this 指向的是当前组件实例。 总之，在开发 Vue 应用时，应该注意 this 指向的问题，并且根据具体情况采取相应的解决方案。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值