Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Checkbox Vue/Vuex不确定复选框_Checkbox_Vue.js_Vuejs2_Vuex - Fatal编程技术网

Checkbox Vue/Vuex不确定复选框

Checkbox Vue/Vuex不确定复选框,checkbox,vue.js,vuejs2,vuex,Checkbox,Vue.js,Vuejs2,Vuex,我不知道如何能够从vuex读取值,同时能够在不确定(从vuex删除属性)、false和true之间切换状态。为了将状态保持在3之间,我需要使用数据值,同时反映vuex的值,该值可以是未定义的(或者从组件外部更改) 我宁愿不要用特定于复选框的属性(比如它的切换周期或不确定属性)污染状态。PS:虽然我可能需要getter ``` 从“/client/vuex/store.js”导入存储 从“vuex”导入{mapTranslations,mapState,mapGetters}; 导出默认值{ 道

我不知道如何能够从vuex读取值,同时能够在不确定(从vuex删除属性)、false和true之间切换状态。为了将状态保持在3之间,我需要使用数据值,同时反映vuex的值,该值可以是未定义的(或者从组件外部更改)

我宁愿不要用特定于复选框的属性(比如它的切换周期或不确定属性)污染状态。PS:虽然我可能需要getter

```


从“/client/vuex/store.js”导入存储
从“vuex”导入{mapTranslations,mapState,mapGetters};
导出默认值{
道具:[
“价值”,
“索引”,
“姓名”,
“级别”
],
数据:函数(){
返回{
}
},
计算:{
…地图绘制者([
“切换\u级别\u状态”
]),
假1:{
得到(){
返回此。切换\u级别\u状态[this.index]。技能[this.name]。级别[this.level]
},
设置(val){
var payload={index:this.index,name:this.name,level:this.level,check:val}
console.log(val)
此.upsert_级别(有效负载)
}
}
},
方法:{
…地图突变([
“向上插入\u级别”
]),
}
}

```

我不太明白。您是否可以通过代码示例(vuex存储区;您的组件,在其中发送相关操作)进行说明?另外,您是否阅读了vuex文档的表单处理部分?你可以在这里找到:展示你到目前为止所做的,你的问题还不清楚。创建一个可行的提琴,例如从这个模板:我运行vue的修改版本,它将meteor连接到它,所以我的最后一个工作示例是,它使用基于类固醇计算的跟踪器。如果要使用不确定属性,您确定知道复选框是如何工作的吗?添加了代码,声称计算setter不是函数问题可能是我根本没有克隆状态来解析复选框状态。我稍后再查。
<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>