我无法告诉如何从vuex中读取值,同时能够在不确定(从vuex中删除prop),false和true之间切换状态。为了保持3之间的状态,我需要使用数据值,但仍然反映了vuex的值,这可能只是未定义(或肯定从组件外部改变)。
我宁愿不使用特定于复选框的属性污染状态,例如切换循环或不确定支柱。 PS:虽然我可能会使用吸气剂。
```
<template>
<div class="check-level">
<input type='checkbox' :checked="bogus1.bool" @change='bogus1(bogus1.check+1)' :indeterminate.prop="bogus1.indeterminate">
</div>
</template>
<script>
import store from "/client/vuex/store.js"
import { mapMutations, mapState, mapGetters } from 'vuex';
export default {
props: [
"value",
"index",
"name",
"level"
],
data: function (){
return {
}
},
computed: {
...mapGetters([
"toggle_level_state"
]),
bogus1: {
get(){
return this.toggle_level_state[this.index].skills[this.name].levels[this.level]
},
set(val) {
var payload = {index: this.index, name: this.name, level: this.level, check:val}
console.log(val)
this.upsert_level(payload)
}
}
},
methods: {
...mapMutations([
"upsert_level"
]),
}
}
</script>
```