从 VueJS + Vuex 中的父组件访问动态组件内的数据

Access data inside dynamic components from parent component in VueJS + Vuex

我创建这个演示是为了更好地解释我的目标:https://codepen.io/Albvadi/pen/OJMgByR

每个按钮都会创建一个新警报,在组件数组中的 vuex 存储中创建一个对象。使用 component 属性 我知道要渲染的组件类型。

每个警报在组件内的数据 属性 中生成一个随机字符串。 如何配置与Vuex的连接,获取全局组件数组中子alert组件的数据?

谢谢!

最后,我用计算得出的 属性 解决了这个问题,它给了我父项。我不知道这是最好的方法还是有更简单的方法,但我认为这是正确的方法。

computed: Vuex.mapState({
    getParentItem(state) {
        return state.components[state.components.indexOf(this.index)];
    }
}),

演示已解决:https://codepen.io/Albvadi/pen/wvMrpLv