vue根据条件渲染组件(component)

 一、官方文档

二、使用场景

官方文档已经介绍很详细了,首先component是内置的动态组件

component是一个内置组件,is的值来判断使用哪一个业务组件

所以我认为多个组件在同一位置根据条件进行展示的情况可以使用

三、代码摘要

<component :is="content" :ref="content" :audit-status="auditStatus"></component>
// 根据审核状态决定使用哪个组件
computed: {
    content() {
      return this.auditStatus === 0 ? 'WatingForDeliver' : 'Deliver';
    },
  },

四、欢迎交流指正。

Guess you like

Origin blog.csdn.net/snowball_li/article/details/120323715