vue中关于this指向问题

最新推荐文章于 2024-08-29 20:45:01 发布
最新推荐文章于 2024-08-29 20:45:01 发布
阅读量264 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_70101091/article/details/127804304
版权

vue.js

 一、问题

最近用vue写一个3D模型，被this向弄混了

 

 刚开始看报错还以为是函数调用的问题，调试了很久。。。

最后询问了师兄，把this打印了出来，才知道原来前后this指向改变了

我调用了function函数，this也指向了function,随后又执行this.initmap()，终端报错在this里找不到initmap函数，原来这才是原因，6.

 二、解决办法

我将function()改为箭头函数

 

指向问题解决了，this重新指回来了。

最后的最后，回头查了下箭头函数的作用，发现它不改变继承来的this指向，6.

烟火245
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
箭头函数中的this指向
hhhhhh__hh的博客
05-05 1811
箭头函数中的this指向 结论： (1) 箭头函数中的this指向在函数定义时就已经确定好了，指向箭头函数定义时所在的作用域的this (2) 并且箭头函数在定义时确定后，就不能改变了，即使call,apply,bind方法也无法修改箭头函数的this指向 举例： var name = 'window'; var obj = { name: 'obj', sayHello: () => { console.log(this.name) } } obj.sayHe
vue中的this指向问题
qq_45656036的博客
05-19 248
1.vue中各种this指向(重要) .parent查看子组件中的父类,获取结果为单独对象.parent 查看子组件中的父类, 获取结果为单独对象 .parent查看子组件中的父类,获取结果为单独对象.children 查看组件(vue对象的)子类组件, 获取结果为数组 在不同组件中,this代表当前组件, 方法中: methods: 箭头函数指向为window 普通函数指向为 组件本身 created:(任意勾子函数) 箭头函数指向为 组件本身 普通函数指向为 window ...
VUE使用过程中，this指向发生变化的问题
我在明天的盼望
08-20 7275
在最近的项目中，需要将vue与一个第三方的框架整合，在该框架的一个方法中,原来与vue整合好的UI框架的一些隐式组件无法使用（这些组件的调用方式是this.xxx.ooo....）。通过控制台打印this（console.log（this））发现this指向了该方法对象，而不是原来的vue对象。解决方法： var _this = this;//这句话的位置需要注意 console.log(th...
vue的this指向问题
忧郁的蛋的专栏
01-25 1155
Vue中this关键字用于访问当前组件实例的属性和方法，默认指向当前组件实例，可以访问该实例的各种属性和方法，常见this指向改变的情况有：1、在回调函数中使用this时，this的指向可能会发生改变；在大多数情况下，this指向当前组件实例，可以直接访问组件的数据和方法。需要注意的是，如果在Vue的选项API之外的地方使用this，例如在setTimeout或setInterval等异步操作中，this的指向可能会丢失，此时应该使用箭头函数或将this保存到一个变量中。
C基础 个人笔记
qq_31759493的博客
09-25 454
strlen()函数 和 sizeof 关键字 strlen 是一个函数，它用来计算指定字符串 str 的长度，但不包括结束字符（即 null 字符）。 其原型如下面的代码所示： size_t strlen(char const* str); char array[100] = "abc"; /*用strlen()求长度*/ printf("array的长度=%d\n", strlen(aray)); 运行结果为 3 关键字 sizeof 是一个单目运算符，而不是一个函数。与函数 strlen 不同，它的
Vue中this指向问题
webDevelopSnail的博客
10-31 1436
一、methods中this 1.通常methods属性中的回调函数的this都会指向vue实例 //第一种写法： var vm = new Vue({ el:'app', data:{ name:'', list:[], }, methods:{ handle :function(){ // this.list.push
详解vue中的computed的this指向问题
11-28
console.log(this) // 这里的this指向当前Vue实例 } } ``` 在这里，`this`将指向Vue实例，因为函数的`this`值在调用时确定。 为了解决箭头函数导致的`this`指向问题，有以下几种解决方案： 1. **使用普通函数**...
vue使用axios时关于this的指向问题详解
11-27
本文主要介绍了关于vue使用axios时this的指向问题，下面话不多说了，来一起看看详细的介绍吧。 1.解决办法 在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined，可以使用箭头函数”=>”来解决...
vue Map的用法以及map更新后不重新渲染页面问题
热门推荐
buchishutiao的博客
03-30 2万+
map的用法以及map更新后不重新渲染页面的问题
vue 通过事件的形式调用全局组件
liux6687的博客
08-29 82
通过vue.use 挂载组件，然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。
vue ref和reactive区别
灰海
08-25 1557
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
vue3插件原理
m0_46281382的博客
08-26 803
简述vue3中use方法加载第三方插件原理
移动端签名
notagoodwriter的博客
08-23 688
【代码】移动端签名。
Vue 组件封装，父组件传参给子组件，子组件调用父组件。
qyhua的专栏
08-29 590
在 Vue 的组件化开发中，父组件与子组件的通信是常见需求。通过props，父组件可以向子组件传递数据；通过$emit事件，子组件可以通知父组件执行相应的操作。这样的单向数据流和事件通信机制，保证了组件之间的解耦和代码的可维护性。
class 2: vue.js 3 模板语法和内置指令
ComingLiu的博客
08-29 298
vue.js 3
Vue3组件通讯六种方式
yang295242361的博客
08-27 532
Vue3 提供了多种组件通信方式，以满足不同场景下的需求。Props 和 Emits 是最基本的父子组件通信方式；Provide / Inject 适用于跨层级的组件通信；Pinia 是用于全局状态管理的强大工具；attrs和refs 则提供了更灵活的通信方式。开发者可以根据具体需求选择合适的通信方式来实现组件间的数据传递和交互。
vue后台项目打包成桌面应用程序（.exe）
时漂亮的博客
08-29 312
1、打包成功后的样子。
vue part 5
最新发布
E___V___E的博客
08-29 408
生命周期：1 .又名：生命周期回调函数、生命周期函数、生命周期钩广。2 .是什么：Vue在关键时刻用我们调用的一些特殊名称的函数。3•生命周期函数的名字不可史改，但函数的具体内容是程序员根据需求编写的.4 .生命周期函数中的this指向是vm或组件实例对象。
vue中函数this指向问题
06-03
在 Vue 中，函数中的 this 关键字默认指向当前组件实例。但是，当函数被作为回调函数传递时，this 的指向可能会发生变化。为了解决这个问题，可以使用箭头函数或者在函数内部使用 bind 方法来绑定 this 的值。例如：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值