美文网首页
vue3.x 调用vue2.x的用法

vue3.x 调用vue2.x的用法

作者: 俗人彭jin | 来源:发表于2022-10-14 15:16 被阅读0次

    看到这个标题 ,可能有人会觉得这个操作有点不伦不类。但是我确实遇到了一个情况让我需要这么做。我需要调用电子签名的组件,这个组件是 vue2 写的,但是我不想自己重写代码(对的我我想偷懒)
    组件直接引用确实是可以的,但是使用组件的时候,我需要调用组件中的方法。本以为 Vue3 调 Vue2 中的组件有点困难,但是稍加研究发现确实是可以的,写法如下。

    //vue2中的方法是这样的
    this.$refs.esign.reset()
    
    
    //vue3中只要这样写就可以了
    import { getCurrentInstance } from 'vue'
    const { ctx } = getCurrentInstance() as any
    const _this = ctx
     _this.$refs.esign.reset()
    
    

    相关文章

      网友评论

          本文标题:vue3.x 调用vue2.x的用法

          本文链接:https://www.haomeiwen.com/subject/osahzrtx.html