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

简介: vue根据条件渲染组件(component)

一、官方文档

二、使用场景

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

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

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

三、代码摘要

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

四、欢迎交流指正。

相关文章
|
2天前
|
JavaScript 前端开发
vue3中使用动态组件
vue3中使用动态组件
|
2天前
|
JavaScript 前端开发 容器
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
12 1
|
2天前
|
移动开发 JavaScript 前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable流程查看器组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable流程查看器组件的升级修改
|
2天前
|
JavaScript
vue打印v-model 的值
vue打印v-model 的值
|
JavaScript UED Windows
vue的学习之路(Vue中组件(component )
vue的学习之路(Vue中组件(component )
vue的学习之路(Vue中组件(component )
|
3天前
|
JavaScript
VUE里的find与filter使用与区别
VUE里的find与filter使用与区别
11 0
|
2天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
2天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
10 0