Vue / Vuex不确定复选框

时间:2017-06-04 11:47:31

标签: checkbox vue.js vuejs2 vuex

我无法告诉如何从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>

```

0 个答案:

没有答案