Javascript 如果使用箭头功能，如何访问Vue上的数据

我们在方法上使用了

Vue

和箭头函数。由于arrow函数没有

这个

关键字，我们如何访问

数据

如

列表

或

对象

export default {
  data() {
    return {
      list: [],
      object: {},
    }
  },
  methods: {
    onSubmit: (e) => {
      //How can access this here?
      //Im trying to access this.list
      console.log(this);
    }
  },
}

---

提前感谢。

在Vue组件中声明方法时，不建议使用箭头函数

为什么不使用这样的东西呢

methods:{
  onSubmit(e){
   ...
  }
}

您可以参考其他关于主题的文章以获取详细信息，因为已经有大量关于同一主题的回复：

---

如果您需要访问此，则不能将箭头函数用作vue方法。为什么不能简单地使用普通功能？请参见此处的警告：