Vue递归组件问题
发布于 3 年前 作者 huaer 1142 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

运行代码如下:

<template>
  <div>
    <Button @click="test">测试</Button>
    <component :is="name"/>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component
export default class DataTable extends Vue {
  private name: string | null = null;

  private test() {
    this.name = "data-table";
  }
}
</script>

需要达到的效果是点击按钮会加载组件自身,以此类推,代码在npm run serve状态下没有问题,效果如图:
image
但是使用npm run build后,点击按钮没有任何反应。此外,这个代码是用ts写的,改写成js运行没有问题。个人认为是组件名称在ts格式下的问题,但是不知道如何操作,还请大神帮帮忙!!!

回到顶部