当前位置: 首页 > article >正文

vue中this指针获取不到函数或数据

在进行luckysheet钩子函数配置的时候,使用以下代码无法获取对应的data和method

this.options.hook = {
        workbookCreateAfter:function(){
        console.log(this.gridkey);
		this.auto();
						},
      }

使用箭头函数即可解决,箭头函数本身没有自己的this,它会继承定义时所在的外层作用域的 this 指向。这样就能保证 this指向和期望的外层对象保持一致,进而可以访问到 auto方法。

this.options.hook = {
        workbookCreateAfter: () =>{
			this.auto();
		},
      }


http://www.kler.cn/a/428667.html

相关文章:

  • YOLOv9改进,YOLOv9检测头融合RFAConv卷积,适合目标检测、分割任务
  • 安装 uv
  • 【Prometheus】PromQL进阶用法
  • Java-数据结构-二叉树习题(2)
  • MySQL篇之对MySQL进行参数优化,提高MySQL性能
  • JavaScript系列(36)--微服务架构详解
  • Vue 鼠标滚轮缩放图片的实现
  • Kubernetes 常用操作大全:全面掌握 K8s 基础与进阶命令
  • 基于 Spring Boot + Vue 的宠物领养系统设计与实现
  • Java 初学者的第一个 SpringBoot 登录系统
  • CT中的2D、MPR、VR渲染、高级临床功能
  • 鸿蒙技术分享:❓❓[鸿蒙应用开发]怎么更好的管理模块生命周期?
  • 论文研读|信息科技风险管理模型的主要内容、定位、目标企业、风险管理机制, 以及相应的风险评估流程和风险应对策略
  • Spring Boot中实现JPA多数据源配置指南
  • 再谈多重签名与 MPC
  • sed流编辑器
  • 渤海证券基于互联网环境的漏洞主动防护方案探索与实践
  • 3. React Hooks:为什么你应该使用它们?
  • 微搭低代码AI组件单词消消乐从0到1实践
  • ZOLOZ SMART AML:让复杂的反洗钱变得简单
  • 在Linux设置postgresql开机自启动,创建一个文件 postgresql-15.service
  • 手机租赁系统开发全面解析与实现指南
  • 跨境卫士:如何选择合适的IP?让账号安全无忧!
  • 人工智能教育的经济案例:重塑国家的经济案例(全球变化研究所)-全文中文翻译
  • docker部署seata
  • 深入了解 xinetd:Linux 系统中的超级服务器