在 vue 3 中获取 this 的方法有:使用箭头函数;使用绑定函数;使用 .bind() 方法。
如何在 Vue 3 中获取 this
在 Vue 3 中,可以通过以下方法获取 this:
1. 使用箭头函数
const myComponent = { template: '<div></div>', methods: { logThis: () => { 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)); }, };
注意: