Vue2中,可以通过this来获取当前组件实例; 

Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。

在Vue3中,getCurrentInstance()可以用来获取当前组件实例

import { getCurrentInstance} from 'vue'

export default {

    setup (props) {
        const {proxy}=getCurrentInstance();//引入代理,为了使用$emit  

        function modalProps(data){
            //emitOne这个方法在父组件上,因为现在这个子组件是在父组件里,为了实现子改父
           proxy.$emit("emitOne","111111");
        }
    
        return {
            ...toRefs(state),modalProps,modalEmits
        }
    }
}

Logo

前往低代码交流专区

更多推荐