我試圖讓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
}
})
你至少可以提供吸氣劑的方法定義? – thanksd