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
Vue.js Vuetify复选框组返回所有true_Vue.js_Vuetify.js - Fatal编程技术网

Vue.js Vuetify复选框组返回所有true

Vue.js Vuetify复选框组返回所有true,vue.js,vuetify.js,Vue.js,Vuetify.js,我有一个问题,我所有的复选框总是正确的。 我尝试过使用“false value”属性,但没有任何帮助 我还有一个默认的输入复选框,功能正常 导出默认值{ 数据(){ 返回{ 肩带:[], 选中颜色:[], 选中皮肤:[], 检查类型:[], 过滤器:[{ 标题:“法弗”, 过滤器:[{ 标题:“格伦”, 值:“grøn”, 型号:“选中颜色” }, { 标题:“Rød”, 值:“rød”, 型号:“选中颜色” }, { 标题:“居尔”, 值:“黄色”, 型号:“选中颜色” }, { 标题:“莉

我有一个问题,我所有的复选框总是正确的。 我尝试过使用“false value”属性,但没有任何帮助

我还有一个默认的输入复选框,功能正常

导出默认值{
数据(){
返回{
肩带:[],
选中颜色:[],
选中皮肤:[],
检查类型:[],
过滤器:[{
标题:“法弗”,
过滤器:[{
标题:“格伦”,
值:“grøn”,
型号:“选中颜色”
},
{
标题:“Rød”,
值:“rød”,
型号:“选中颜色”
},
{
标题:“居尔”,
值:“黄色”,
型号:“选中颜色”
},
{
标题:“莉拉”,
值:“lilla”,
型号:“选中颜色”
},
{
标题:“基本法”,
值:“blå”,
型号:“选中颜色”
},
{
标题:“Grå”,
值:“grå”,
型号:“选中颜色”
},
{
标题:“排序”,
值:“排序”,
型号:“选中颜色”
},
{
标题:“Hvid”,
值:“hvid”,
型号:“选中颜色”
},
{
标题:“布鲁恩”,
值:“brun”,
型号:“选中颜色”
}
]
},
{
标题:“材料工”,
过滤器:[{
标题:“鳄鱼”,
价值:“鳄鱼”,
型号:“格子皮”
},
{
标题:“弦”,
值:“ostridge”,
型号:“格子皮”
},
{
标题:“Teju firben”,
价值:“特居”,
型号:“格子皮”
},
{
标题:“朝觐”,
值:“鲨鱼”,
型号:“格子皮”
}
]
},
{
标题:“Remme til”,
过滤器:[{
标题:“全球”,
价值:“通用”,
型号:“检查类型”
},
{
标题:“Audemars Piguet”,
值:“ap”,
型号:“检查类型”
},
{
标题:“Jaeger LeCoultre”,
值:“jlc”,
型号:“检查类型”
},
{
标题:“劳力士”,
价值:“劳力士”,
型号:“检查类型”
}
]
}
]
};
},
计算:{
filteredStraps(){
var Strips=此.Strips;
if(this.search!==null){
var strips=this.searchItems.filter(strip=>{
如果(!this.search)返回this.searchItems;
返回(
strap.title.toLowerCase().includes(this.search.toLowerCase())||
strap.skin.toLowerCase().includes(this.search.toLowerCase())||
strap.type.toLowerCase().includes(this.search.toLowerCase())
);
});
}
如果(this.checkedSkins.length>0){
皮带=皮带。过滤器(皮带=>{
返回此.checkedSkins.includes(strip.skin.toLowerCase());
});
}
如果(this.checkedTypes.length>0){
皮带=皮带。过滤器(皮带=>{
返回此.checkedTypes.includes(strap.type.toLowerCase());
});
}
if(this.sort==“最新”){
返回.排序((a,b)=>新日期(a.Date)-新日期(b.Date));
}
if(this.sort==“priceasc”){
返回条带。排序((a,b)=>a.price>b.price);
}
if(this.sort==“pricedesc”){
返回条带。排序((a,b)=>a.price{
常数带=[];
querySnapshot.forEach(doc=>{
常数数据={
id:doc.id,
标题:
医生
.data()
.type.charAt(0)
.toUpperCase()+
doc.data().type.slice(1)+
“RIOS1931”+
医生
.data()
.title.charAt(0)
.toUpperCase()+
doc.data().title.slice(1)+
“乌雷姆一世”+
医生
.data()
.skin.charAt(0)
.toUpperCase()+
doc.data().skin.slice(1),
价格:单据数据()价格,
皮肤:doc.data().skin,
类型:doc.data().type,
imgs:doc.data().imgs[0].url,
颜色:doc.data().colors,
日期:doc
.data()
.date.toString()
.切片(0,15)
};
推送(数据);
});
这条带子=带子;
});
},
}

分拣

{{filtering.title}大写} 普里斯
如果要将选中的对象存储为来自
filter.value
属性的字符串,则代码中有两个问题(第二个问题与您的问题相关):

  • 您的
    v-model
    指令中的值不正确。您将
    filter.model
    变量绑定到
    v-model
    而不是其存储的数组名,若要解决此问题,您应该
    <v-checkbox :value="filter.value" :label="filter.title" v-model="$data[filter.model]" color="primary"></v-checkbox>