A页面(暂且叫做父组件)  template部分:

此处的采用component 这个vue内置组件,依据 is子组件的name 来切换不同的子组件显示(后面的key是我自己项目这边的需求单独加的,具体情况具体分析。)

A页面 script部分:

加载的tabs切换的子组件,此处采用eventBus 来进行事件通讯。【原先(多个子组件写在component位置,采用v-if控制显示与否)采用父子组件通讯好使,但改成目前写法之后未起作用,子组件已触发,但父组件始终(包括事件名称采用全小写,this.$parent.$emit)无法收到,不知道什么原因】

eventBus:                                                              A页面

        

子组件

Logo

前往低代码交流专区

更多推荐