Как использовать Mapstate для отображения этих данных

Question

Я могу взять данные из this.$store.state.workermanage.staff.staff

, но как мне обменяться этим кодом, используя ... mapstate, спасибо

persons: this.$store.state.workermanage.staff.staff

Answer 1

computed: {
  ...mapState({ persons: state => state.workermanage.staff.staff })
}

И использовать как:

{{ persons }}

Answer 2

Создайте геттер для вложенного объекта staff в хранилище. js

const store = new Vuex.Store({
  state: {
    workmanage: {
        staff: {
            staff: {

            } 
        }
    }
  },
  getters: {
    nestedStaff: state => {
      return state.workamage.staff.staff
    }
  }
})

Используйте геттер в своем компоненте:

import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters([
      'nestedStaff'
    ])
  }
}

После этого вы можете использовать nestedStaff, поскольку это было простое вычисляемое свойство.