如果试图从Vue组件上的箭头函数内部访问 this,将得到一个错误,因为 this 不存在 data() {return{text:'This is a message', }; },methods: {arrowFunction:() =>{console.log(this.text);// ERROR! this is undefined} } 简而言之,尽量避免在Vue组件上使用箭头函数。这将会省去许多头痛和困惑的问题。
如果试图从Vue组件上的箭头函数内部访问this,将得到一个错误,因为this不存在 代码语言:javascript 复制 data(){return{text:'This is a message',};},methods:{arrowFunction:()=>{console.log(this.text);// ERROR! this is undefined}} 简而言之,尽量避免在Vue组件上使用箭头函数。这将会省去许多头痛和困惑...
在fetchData()作用域内,我们将this设置为Vue组件,因为它是一个常规函数。由于箭头函数使用外部作用域作为它们自己的作用域,因此箭头函数也将this设置为我们的Vue组件。 这允许我们通过this访问 Vue 组件并更新dataFromServer。 但是,如果需要将函数传递帮助库,比如lodash或underscore,该怎么办呢 与Lodash 或 Underscore ...
如果你尝试在 Vue 组件的箭头函数里访问this会报错,因为this不存在! data() { return { text: 'This is a message', }; }, methods: { arrowFunction: () => { console.log(this.text); // ERROR! this is undefined } } 简单粗暴的做法就是不要在 Vue 组件里用箭头函数。这样会替你省掉不少麻...
console.log(this.text);// ERROR! this is undefined} } 简而言之,尽量避免在Vue组件上使用箭头函数。这将会省去许多头痛和困惑的问题。 有时使用箭头函数是很好的,但这只在不引用this的情况下才有效。 computed: { location:()=>window.location, ...
如何修复Vue中的 “this is undefined” 问题对于一个Java程序员来说,真的需要了解下这个this的作用域,因为和Java的差别还是有点大的。因为Java中的this默认都是指向当前的类,但是 Vue的作用域是以函数为单位划分的从上面的文章归纳总结就是:methods中通过xxx:function(){} 或 xxx(){}的方式定常规义函数,默认...
thisisundefined AI代码助手复制代码 别担心,不只有你一个人,我也经常遇到这个问题很多次,接下我们一起来看看如何解决这个问题。 一个可能的原因是混淆了常规函数和箭头函数的用法,如果你遇到这个问题,我猜你用的是箭头函数。如果用常规函数替换箭头函数,它可能会为你修复这个问题。
你的vue应用无法正常工作,你收到的报错是:this is undefined 产生问题的原因是你混合使用了普通函数和箭头函数。我猜你肯定用了一个箭头函数。如果你把这个箭头函数替换成普通函数,也许能解决上面你遇到的问题。 接下来让我们深入原理来了解为什么会产生这个问题。
Vue 3 Typescript Build 'this is undefined' 是一个常见的错误信息,通常出现在使用Vue 3和Typescript构建应用程序时。这个错误表示在代码中使用了未定义的this对象。 解决这个问题的方法有以下几种: 确保正确绑定this:在Vue组件中,如果使用了箭头函数或回调函数,可能会导致this指向错误。可以使用bind()方法或箭...
想搞清原理的直接看最后 methods:{ demo1:() => { #///使用this报错 }, demo2:function() { #//可以正常使用this,在普通函数中创建箭头函数也可以正常使用this } } 英文原文:https://michaelnthiessen.com/this-is-undefined/ 翻译版:https://www.jianshu.com/p/43637fa4fcee...