如何將變量分配為對象內部的值？

Question

在 Vue.js 中，我有一個數據變量 roomFilters，它有一個數組，我想將該數組分配給 filter1 對象中的 key -> items，但我的代碼不起作用。 我在 roomFilters 狀態變量中獲取數組，但如何在對象內部使用它？

<script>
import { mapState, mapActions } from 'vuex';
import ns from '@/vue/store/namespaces';

export default {
data() {
    return {
        filterData: {
            filter1: {
                key: 'filter1',
                title: 'Space Attributes',
                criteriaType: 'Multivalue',
                items: this.roomFilters,
                itemsToShow: 2
            },
        }
    };
  },
  computed: {
    ...mapState(ns.global, ['roomFilters'])
  },
  created() {
    this.fetchRoomFilters();
  },
  methods: {
    ...mapActions(ns.global, ['fetchRoomFilters']),
    
    }
  }
};
</script>

Answer 1

由於您的屬性基於其他屬性，因此應將其定義為計算屬性：

export default {
data() {
    return {
       
    };
  },
  computed: {
    ...mapState(ns.global, ['roomFilters']),
    filterData(){
         return {
            filter1: {
                key: 'filter1',
                title: 'Space Attributes',
                criteriaType: 'Multivalue',
                items: this.roomFilters,
                itemsToShow: 2
            },
        }
   }
  },
  created() {
    this.fetchRoomFilters();
  },
  methods: {
    ...mapActions(ns.global, ['fetchRoomFilters']),
    
    }
  }
};