Question

我的父组件具有一个名为showMainBanner的计算属性，其中包含存储状态：

computed: {
  showMainBanner () {
    return this.$store.state.config.showMainBanner
  }
}

我的子组件在某些用户单击时会更改此存储状态：

this.$store.commit('config/SET_BANNER_STATUS', 'false')

...指向商店的这一部分：

export const state = () => ({
  showMainBanner: true,
})

export const mutations = {
  SET_BANNER_STATUS (state, config) {
    state.showMainBanner = config
  }
}

商店状态更改成功，但是我父组件的计算属性showMainBanner对该商店更改没有反应。

为什么不呢？

Answer 1

只需更改：

this.$store.commit('config/SET_BANNER_STATUS', 'false')

收件人：

this.$store.commit('config/SET_BANNER_STATUS', false)

父组件的计算属性对子组件引起的存储状态更改无反应

1 个答案: