vue 动态渲染多个不同的组件

vue动态组件

<component :is="iscomponent"></component>

import recordIn from './record-in'
import recordMove from './record-move' 
import recordUse from './record-use' 
export default {
  components: {
    recordIn,
	recordMove,
	recordUse,
  },
   data() {
    return {
      navActiveIndex: 0,
      comList: ['in', 'move', 'use'] // 组件列表
    }
  },
  
  computed: {
    iscomponent() {
      return 'record-' + this.comList[this.navActiveIndex]
    }
  },
}

示例图：