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