Vue使用is动态组件切换

一共需要三步就ok啦

1.在组件里面声明

components:{
           'AddType':AddType,
           'Change':Change,
           'MarketLook':MarketLook,
           'MarketApproval':MarketApproval
        },

2.在watch里面监听

watch:{
           titel(val){
                if(val=='新增'){
                    this.componentId='AddType'
                }else if(val=='查看'){
                    this.componentId='MarketLook'
                }else if(val=='修改'){
                    this.componentId='Change'
                }else if(val=="审批"){
                    this.componentId='MarketApproval'
                }
            }
        }

3.在html里面动态绑定is

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