我不能让vuex和V-绑定：类共同努力

Question

我试图让vuex选择CSS类当某个国家的财产是使用V-绑定真：类=“{选择：$店.getters.selected [status]}“。

我不能提供我所有的代码，但有人可以告诉我，如果它是应该这样工作开箱的？我知道，$ store.getters.selected [状态]返回真或假，但它并没有激活的类。

<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> 

所以基本上，应该可以在stat.status列表中提供多种状态选择。

main.js与vuex东西：

Vue.use(Vuex) 

export default new Vuex.Store({ 
    state: { 
    selected: { 
     status: {}, 
     label: {} 
    }, 
    stat: [ 'test 1', 'test 2' ] 
    }, 
... 
    getters: { 
    selected: state => state.selected, 
    stat: state => state.stat 
    } 
}) 

Answer 1

更多的代码将是很好，但我相信你需要将变量添加到您的组成部分计算。

computed: { 
    selected(){ 
    return $store.getters.selected[this.status]; 
    } 
} 

在你模板，你会这样称呼它

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