2017-05-08 27 views
0

我試圖讓vuex選擇CSS類當某個國家的財產是使用V-綁定真:類=「{選擇:$店.getters.selected [status]}「。我不能讓vuex和V-綁定:類共同努力

我不能提供我所有的代碼,但有人可以告訴我,如果它是應該這樣工作開箱的?我知道,$ 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 
    } 
}) 
+0

你至少可以提供吸氣劑的方法定義? – thanksd

回答

0

更多的代碼將是很好,但我相信你需要將變量添加到您的組成部分計算。

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

在你模板,你會這樣稱呼它

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

謝謝,但是這還不夠......不容易的,你的時候我並沒有提供足夠的代碼。我用更多的代碼更新了我的問題。 –

相關問題