$on内部this指向

最新推荐文章于 2024-05-30 14:27:51 发布
最新推荐文章于 2024-05-30 14:27:51 发布
阅读量234 收藏
点赞数
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu12333322/article/details/126244336
版权

1.直接写普通函数（错误用法）

原因：普通函数的this是谁调用就是谁，这个里面是student组件调用，所以this就是student组件实例对象
在这里插入图片描述

2.箭头函数（少用）

箭头函数的this指向是创建函数时所在的作用域内的this，这里面就可以保证是当前组件的this
在这里插入图片描述

3.把函数写在methods里面（常用）

此时this.getStudentName内部this是调用者，但是函数放在methods内部时，vue底层源码会使用bind改变this指向，变为当前组件的实例对象
在这里插入图片描述

小桐学前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
mahara教师评价系统
12-31
$csr_rsc = openssl_csr_new($dn, $new_key, array('private_key_bits',2048,"config" => $opensslconf))) { // This behaviour has been observed once before, on an ubuntu hardy box. // The ...
Vue学习笔记(十)
qq_52166656的博客
09-12 141
Vue学习笔记(十)
vue组件传值：从基础到进阶
Shids_的博客
02-28 4103
vue组件传值：从基础到进阶
Vue全局事件总线的$on的this指向问题
qq_56640225的博客
02-20 198
在做项目时遇到了全局事件总线$on绑定事件的this指向问题，以下是我的理解，记录一下 欢迎指正
组件之间使用this.$bus.$on传值之前需要先this.$bus.$off注销事件
热门推荐
bus_lupe的博客
12-29 2万+
this.$bus是全局变量 a、b是两个父组件，c是子组件。 c页面触发事件： this.$bus.$emit(event) a、b页面监听c组件的事件 pagea: this.$bus.$on(event, () => { this.status = 'reserve' }) pageb: this.$bus.$on(event, () => { this.s...
Vue实例事件总结($on,$once,$off,$emit)
庚中
03-27 1万+
1.什么是实例事件? 实例事件就是在构造器外部调用构造器内部的数据。 2.使用场景:比如构造器已经有一个加的方法,现在领导说还要做一个减的方法,而我又不想动构造器里面的信息,那就可以使用实例事件了.操作如下: 3.与$on对应的还有一个$once 上述代码只改一个单词$once app.$once('reduce',function(){ console.log("减的方...
vue事件监听函数on中的this指针域
Tang的菜园
10-27 2513
使用eventBus在两个组件A，B之间通讯： //定义全局eventBus用于事件传递 var bus = new Vue(); //A组件 var A = Vue.component({ ... data:{ dataA:1, }, //在钩子函数中将监听_event事件 created:function(){ var this_com = this; bus.$on...
基于SIP开发软件电话的一些资源（转自YOUTOO）
07-27
AfxBeginThread(sip_uac,(void *)this); 向ＳＩＰ　Ｐｒｏｘｙ注册： eXosip_clear_authentication_info(); eXosip_add_authentication_info(uname, uname, upwd, "md5", NULL); real_send_register(30);　/*...
jQuery完全实例.rar
06-16
意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。 而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置...
.htaccess
07-19
Of course, this will only work if you know the IP addresses you want to ban and, as most people on the internet now have a dynamic IP address, so this is not always the best way to limit usage. ...
正则表达式
12-03
正则表达式中的特殊字符 字符 含意 \ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它...
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1080
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 323
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 213
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 390
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
基于Java+SpringBoot+Mybaties-plus+Vue+elememt + uniapp 新闻资讯 的设计与实现
qq_28917403的博客
05-27 704
本系统分为 后端 和 小程序端后端：点击登录按钮设置个人中心、管理员账号数据维护、基础数据维护、论坛维护(增删改查帖子信息，包括查看论坛的内容回复)、公告信息维护、用户信息维护、小程序的轮播图维护小程序端：登录、注册、忘记密码首页(查看新闻展示、短视频信息展示、公告信息展示)短视频信息(根据类型检索)、公告信息(根据类型检索)、论坛信息(根据名称检索)、
vue iframe src规则
最新发布
Ann_52547的博客
05-30 185
需要注意的是，为了安全起见，应尽量避免使用 JavaScript URL，尤其是在加载外部内容时，以防止恶意脚本的注入和执行。1、相对路径：相对于当前页面的路径。
arco disign 封装日期范围组件
weixin_43865196的博客
05-29 352
NumRange组件只对值进行双向绑定, option:参数可参考官网a-input-number的属性,父组件赋值默认值为空数组, 或带值的数组。可再此基础上对外扩展事件,方法,参数.
bus.$on中的this指向问题
05-01
在Vue中，使用`bus.$on`来监听事件时，函数中的`this`默认指向`bus`，而不是组件实例。因此，如果我们需要在函数中使用组件实例的属性或方法，需要将`this`绑定到组件实例上。 一种解决方法是，在组件的`created`...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值