如果试图从Vue组件上的箭头函数内部访问 this,将得到一个错误,因为 this 不存在 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不存在 代码语言: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 ...
console.log(this.text);// ERROR! this is undefined} } 简而言之,尽量避免在Vue组件上使用箭头函数。这将会省去许多头痛和困惑的问题。 有时使用箭头函数是很好的,但这只在不引用this的情况下才有效。 computed: { location:()=>window.location, ...
你的vue应用无法正常工作,你收到的报错是:this is undefined 产生问题的原因是你混合使用了普通函数和箭头函数。我猜你肯定用了一个箭头函数。如果你把这个箭头函数替换成普通函数,也许能解决上面你遇到的问题。 接下来让我们深入原理来了解为什么会产生这个问题。
解决Vue异步请求中this为undefined以及mounted中获取不到data的数据的问题 起因 使用Nuxt做项目要实现视频点播功能,视频存在阿里云,整合了一个阿里云播放器,在created中使用封装的异步请求获取视频的vid和播放凭证,但是发现后端接口提示获取视频id失败。 <tem
So i'm having a problem here is that i'm trying to store the data requested on my database on a variable "history" in the data object But i'm getting "this is undefined" export default { setup () { const loading = ref(true); const user = supabase.auth.user(); async function ...
想搞清原理的直接看最后 methods:{ demo1:() => { #///使用this报错 }, demo2:function() { #//可以正常使用this,在普通函数中创建箭头函数也可以正常使用this } } 英文原文:https://michaelnthiessen.com/this-is-undefined/ 翻译版:https://www.jianshu.com/p/43637fa4fcee...
作者:Michael Thiessen 译者:前端小智来源:techalyst --- 当我们使用 Vue 在愉快的开发项目的时候,突然报了一个错误: this is undefined 别担心,不只有你一个人...因为我们是在Vue组件上定义它的,所以this指的是Vue组件。...this is undefin...