打工的小兵 2021-08-05 16:59 采纳率: 100%
浏览 268
已结题

Vue2.x使用TypeScript写法extends super报错

Super.vue

<script lang="ts">
import Vue from "vue"
import Component from "vue-class-component"

@Component
export default class  extends Vue {
    baseMethod() {
        console.log("I am BaseMethod!");
    }
}
</script>

Test.vue

<template>
    <div class="test">
        hello world
    </div>
</template>

<script lang="ts">
import Component from "vue-class-component"
import Super from "./Super.vue"

@Component
export default class Test extends Super {
    baseMethod() {
        console.log("I am TestMethod!");
        super.baseMethod();
    }
    mounted() {
        this.baseMethod();
    }
}
</script>

只要一运行就会报错:
Test.vue:Cannot read property 'call' of undefined
不能用的话,我怎么调用Super父类的方法呢?

  • 写回答

3条回答 默认 最新

  • 时间就是成长 2021-08-06 10:44
    关注

    原型原型链的底层在ES6语法中是有setPrototypeOf和getPrototypeOf可以通过主关改变原型链去做,下附逻辑

    @Component
    export default class Test extends Super {
        baseMethod() {
            console.log("I am TestMethod!");
            let proto = function T(){}
            const temp = Object.setPrototypeOf(proto.prototype, Super);
            Object.getPrototypeOf(temp).extendOptions.methods.baseMethod.call(this)
        }
        mounted() {
            this.baseMethod();
        }
        static staticMethod() {
            console.log("I am TestStaticMethod!");
            super.staticMethod();
        }
    }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月14日
  • 已采纳回答 8月6日
  • 赞助了问题酬金 8月5日
  • 修改了问题 8月5日
  • 展开全部

悬赏问题

  • ¥30 matlab appdesigner私有函数嵌套整合
  • ¥15 给我一个openharmony跑通webrtc实现视频会议的简单demo项目,sdk为12
  • ¥15 vb6.0使用jmail接收smtp邮件并另存附件到D盘
  • ¥30 vb net 使用 sendMessage 如何输入鼠标坐标
  • ¥15 关于freesurfer使用freeview可视化的问题
  • ¥100 谁能在荣耀自带系统MagicOS版本下,隐藏手机桌面图标?
  • ¥15 求SC-LIWC词典!
  • ¥20 有关esp8266连接阿里云
  • ¥15 C# 调用Bartender打印机打印
  • ¥15 我这个代码哪里有问题 acm 平台上显示错误 90%,我自己运行好像没什么问题