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

Question

我们Vue在方法上使用和箭头函数。由于箭头函数没有this关键字，我们如何访问datalikelist或object

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

提前致谢。

标签： javascriptvue.js

Answer 1

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

为什么不只使用这样的东西？：

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

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

如何在回调中访问正确的“this”？