从 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/OJMgByR
每个按钮都会创建一个新警报,在组件数组中的 vuex 存储中创建一个对象。使用 component
属性 我知道要渲染的组件类型。
每个警报在组件内的数据 属性 中生成一个随机字符串。 如何配置与Vuex的连接,获取全局组件数组中子alert组件的数据?
谢谢!
最后,我用计算得出的 属性 解决了这个问题,它给了我父项。我不知道这是最好的方法还是有更简单的方法,但我认为这是正确的方法。
computed: Vuex.mapState({
getParentItem(state) {
return state.components[state.components.indexOf(this.index)];
}
}),