如何通过 VueCLI/Typescript 的 mixin 传递模板

问题描述

我正在使用 Typescript 将一个 Vue 2 项目迁移到 Vue 3，并且在实现一个 mixin 时遇到了问题，该 mixin 也有一个传递给父级使用的模板。我已经对此进行了几天的故障排除，但找不到我做错了什么或遗漏了什么。我希望有人能帮我解决这个问题。如果我遗漏了任何相关信息，我很乐意添加更多信息。

Parent.vue（只有一个脚本标签）

<script lang="ts">
    import {Options,mixins} from 'vue-property-decorator';
    import Foundation from '@/mixins/mixin-file';

    @Options({
        components: {
        },})
    export default class Designer extends mixins(Foundation) {
    }
</script>

mixin-file.ts

import {Vue,Options} from 'vue-property-decorator';

@Options({
  components: {
  },template: `
    <div>
      <p>Test</p>
    </div>
  `
})
export default class Foundation extends Vue {
}

错误信息

omponent is missing template or render function. 
  at <Anonymous query=undefined onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <Design onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <Navigation key=1 > 
  at <App>

我正在运行 "vue-property-decorator": "10.0.0-rc.3"，以便与其他一切正常的 Vue 3 兼容

谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）