javascript - 在 Vue js 中渲染动态组件需要帮助

Question

您好，我有以下情况。我有父组件（健康档案），其中列出了每个子组件上的添加按钮。我想让应用程序这样当用户单击添加按钮时，只有该特定组件的表单打开，其余部分关闭，反之亦然。我无法使用v-bind:is 因为按钮位于子组件中，并且它将数据发送到父组件。任何帮助将不胜感激。附上 健康档案组件的屏幕截图，每个子组件都有触发 emmit 数据类型的按钮

Answer 1

请下次提供代码片段以更好地理解您的代码

您可以使用事件总线在整个项目中传播按钮单击。

// event-bus.js
import Vue from 'vue';
const EventBus = new Vue();
export default EventBus;

然后将其导入您的组件中

// component-a.js
import Vue from 'vue';
import EventBus from './event-bus';
Vue.component('component-a', {
...
methods: {
  emitMethod () {
    EventBus.$emit('EVENT_NAME', payLoad);
  }
}
});

看看这篇文章