当前位置:   article > 正文

如何在vue3中获取当前实例,getCurrentInstance_vue3获取当前组件实例

vue3获取当前组件实例

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

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

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

  1. import { getCurrentInstance} from 'vue'
  2. export default {
  3. setup (props) {
  4. const {proxy}=getCurrentInstance();//引入代理,为了使用$emit
  5. function modalProps(data){
  6. //emitOne这个方法在父组件上,因为现在这个子组件是在父组件里,为了实现子改父
  7. proxy.$emit("emitOne","111111");
  8. }
  9. return {
  10. ...toRefs(state),modalProps,modalEmits
  11. }
  12. }
  13. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/453852
推荐阅读