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