PHP前端开发

vue3怎么获取this

百变鹏仔 2个月前 (10-30) #前端问答
在 vue 3 中获取 this 的方法有:使用箭头函数;使用绑定函数;使用 .bind() 方法。

如何在 Vue 3 中获取 this

在 Vue 3 中,可以通过以下方法获取 this:

1. 使用箭头函数

const myComponent = {  template: '<div></div>',  methods: {    logThis: () =&gt; {      console.log(this); // this 指向该组件实例    },  },};

2. 使用绑定函数

立即学习“前端免费学习笔记(深入)”;

const myComponent = {  template: '<div></div>',  methods: {    logThis() {      console.log(this); // this 指向该组件实例    },  },};

3. 使用 .bind() 方法

const myComponent = {  template: '<div></div>',  methods: {    logThis() {      console.log(this); // this 指向该组件实例    },  },  mounted() {    this.$el.addEventListener('click', this.logThis.bind(this));  },};

注意: