vue.js - 将数据传递给在 vuejs 中处于停用模式的组件

Question

我有多个动态实例化的组件，我将它们存储在一个数组中，我将这些组件保存在其中，<keep-alive></keep-alive>以免它们被破坏。我将组件显示为需要

<component :is="selectedComponent"></component>.

现在，如果发生事件/条件，我需要通过道具或通过事件发射器将事件传递给处于停用状态和激活状态的所有组件或组件数组中的所有组件。

标签： vue.jsvuejs2

Answer 1

使用动态组件时可以将数据作为道具传递

家长：

...
<component :is="selectedComponent" yourprop="{ key: value }"></component>
...

孩子：

...
export default {
  ...
  props: ['yourprop']
  ... 
}
...

有关更多信息，您应该阅读此处