vue 3.0怎么使用 this

在vue3.0中在setup函数中不能使用this，应为this为关键字。getCurrentInstance函数可以获取当前组件实例对象，而ctx则是一个包含了props、attrs、emit等属性和方法的上下文对象。

未来记忆.

1591人浏览 · 2023-07-28 16:05:15

未来记忆. · 2023-07-28 16:05:15 发布

在vue3.0中在setup函数中不能使用this，应为this为关键字。如果想要在setup函数中访问组件实例的属性或方法，可以使用Vue3提供的两个新的函数：getCurrentInstance和ctx。getCurrentInstance函数可以获取当前组件实例对象，而ctx则是一个包含了props、attrs、emit等属性和方法的上下文对象。

<script setup>
import { getCurrentInstance } from 'vue';
const { proxy: ctx } = getCurrentInstance();
const selectBlur = e => {
    ctx.$forceUpdate(); // ctx此时就相当于vue2中的this
};

</script>