直接来实例

父组件

<template>
<div>
    <div :is="sub.content" :ref="sub.name"></div>
</div>
</template>
<script>
import subPage from "./subPage.vue";

export default {
    data() {
      return {
        sub: {
          title: this.$t('router.ledgerRuleList'),
          name: 'subPage',
          content: "sub-page"
        },
      }
    },
    components: {
      subPage,
    }
  }
</script>

:is 直接绑定 子组件标签名称sub-page

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。