【vue2-component组件{一个页面根据不同状态展示不同组件}】

聚宝盆_

于 2024-08-21 11:16:14 发布

阅读量278

点赞数 2

分类专栏：记录项目中遇到的问题文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_47416539/article/details/141388604

版权

记录项目中遇到的问题专栏收录该内容

62 篇文章

订阅专栏

vue一个页面根据不同状态展示不同组件

<component :is='currentRole' @changeRole="changeRole"></component>

import Apply from './talent/apply'
 components:{
      Apply,
    },
    data(){
      return{
        currentRole:''
      }
    },
    mounted(){
    	this.currentRole = 'Apply'
    },
    methods:{
	    changeRole(e){
	    	this.currentRole = e
	    }
    }

<div @click="$emit('changeRole','Apply')">切换组件</div>

子组件通过$emit('changeRole','传值')调用更换状态