vue3如何解决this的指向

最新推荐文章于 2024-03-24 19:32:59 发布

范闲~

最新推荐文章于 2024-03-24 19:32:59 发布

阅读量1.3k

点赞数

分类专栏： uniapp 文章标签： vue.js typescript javascript

本文链接：https://blog.csdn.net/m0_60708088/article/details/125263220

版权

uniapp 专栏收录该内容

26 篇文章 2 订阅

订阅专栏

在v3中，使用setup()来代替了以前data、methods函数等。因为，setup执行是在created之前。所以，没有this。但是又想使用$parent,$refs等方法

import { getCurrentInstance, ComponentInternalInstance } from 'vue'

setup() {
    // as ComponetInternalInstance表示类型断言，ts时使用。否则报错，proxy为null
    const { proxy } = getCurrentInstance() as ComponetInternalInstance
    proxy.$parent
    proxy.$refs
    proxy.$nextTick
    proxy.$attrs
    proxy.$data
    proxy.$el
    proxy.$emit
    proxy.$forceUpdate
    proxy.$options
    proxy.$props    
    proxy.$root
    proxy.$slots
    proxy.$watch
}