Vuejs2 我能';不要让vuex和v-bind:class一起工作

Vuejs2 我能';不要让vuex和v-bind:class一起工作,vuejs2,vuex,Vuejs2,Vuex,当某个状态属性为true时,我试图使用v-bind:class=“{selected:$store.getters.selected[status]}”使vuex选择CSS类 我不能提供我所有的代码,但有人能告诉我它是否应该像这样直接开箱即用吗?我知道$store.getters.selected[status]返回true或false,但它不会激活该类 <template> <div v-for="(status, index) in stat.status v-bind

当某个状态属性为true时,我试图使用v-bind:class=“{selected:$store.getters.selected[status]}”使vuex选择CSS类

我不能提供我所有的代码,但有人能告诉我它是否应该像这样直接开箱即用吗?我知道$store.getters.selected[status]返回true或false,但它不会激活该类

<template>
  <div v-for="(status, index) in stat.status v-bind:class="{ selected : $store.getters.selected.status[status] }" v-on:click="select(status)">
</template>

<script>

export default {
  name: 'vueTest',
  data() {
    return {}
  },
  methods() {
    selected(status, selected) {
      this.$store.dispatch('selectStatus', status, selected);
    }
  },
  computed() {
    stat() {
       return this.$store.getters.stat;
    }
  }
}

</script>

<style>
.selected {
  font-weight: bold;
}
</style>

更多的代码会更好,但我相信您需要将变量添加到组件的计算部分

computed: {
  selected(){
    return $store.getters.selected[this.status];
  }
}
在你的模板中,你可以这样称呼它

v-bind:class="{ selected : selected }"

你能至少为getter提供方法定义吗?谢谢,但这还不够。。。当我没有提供足够的代码时,对您来说并不容易。我用更多的代码更新了我的问题。
v-bind:class="{ selected : selected }"