Vue寫全選功能 和 Vue中some() every()用法

2019年11月30日23:25:07 科技 1860
<div id="app">	
<div> <input type="checkbox" v-model="all.check" @change="allCheck()">{{all.name}}</div>
<ul>
<li v-for="(list,index) in lists">
<input type="checkbox" v-model="list.check" @change="onCure()">
{{list.name}}
</li>
</ul>
</div>



<script>
new Vue({
el:'#app',
data:{
all:{name:'全選',check:false},
lists:[
{name:'北京1',check:false},
{name:'北京2',check:false},
{name:'北京3',check:false},
{name:'北京4',check:false},
{name:'北京5',check:false},
{name:'北京6',check:false},
]
},
methods:{
allCheck:function(){
this.lists.forEach(item=>{
item.check=this.all.check;
})
},
onCure:function(){
//第一種方法
// var select=this.lists.filter(function(v){
// return v.check;
// })
// console.log(select.length);
// if(select.length==this.lists.length){
// this.all.check=true;
// }else{
// this.all.check=false;
// }
// select.length==this.lists.length ? this.all.check=true : this.all.check=false; //三木運算寫法
//every()方法 :檢測數組所有元素是否符合指定的條件,如果有一個條件不滿足,就返回false,反之返回true
//some() : 檢測數組中只要有一個滿足條件,返回true,都不滿足時,返回true。
this.all.check = this.lists.every(function(item){
return item.check
});
}

}
})

var arr =[3,26,6,22];
var a = arr.every(function(item){ //some時返回true every時返回false
return item >3
});
console.log(a)
</script>


Vue寫全選功能 和 Vue中some()  every()用法 - 天天要聞

科技分類資訊推薦

零跑全新C11上市,14.98萬起售 - 天天要聞

零跑全新C11上市,14.98萬起售

7月10日,零跑汽車旗下智能越享中型SUV——全新C11正式上市,上市指導價14.98-16.58萬元。零跑C11上市4年來,累計銷量已突破25萬台,是零跑的重要的走量車型,全新C11在造型設計、智能座艙、續航性能、輔助駕駛、駕控體驗及安全基因等六大維度實現全面升級。此次上市的全新C11延續純電與增程雙動力版本,其中,純電車型搭載...
張旭院士:我國類腦智能規模應用潛力巨大 - 天天要聞

張旭院士:我國類腦智能規模應用潛力巨大

7月11日,省加快推進現代化產業體系建設專題會議(人工智能與機械人產業專場)在廣州舉行。現場,來自相關領域的專家學者、企業家、人大代表、研究機構代表踴躍發言,為廣東人工智能與機械人產業的發展積極建言、出謀劃策。中國科學院院士、廣東省智能科學與技術研究院院長張旭表示,類腦智能技術作為新一代智能技術的核心...
【芯片】Tensor G5曝光,Pixel10工程機現身海鮮市場 - 天天要聞

【芯片】Tensor G5曝光,Pixel10工程機現身海鮮市場

近日谷歌Pixel 10 Pro Fold出現在了GeekBench跑分數據庫中:新機搭載了谷歌全新的Tensor G5處理器,據悉這代終於是告別了三星工藝,轉而擁抱台積電N3E工藝。從顯示信息來看,Tensor G5採用了1+5+2的八核CPU架構,1*3.78GHz X4超大核+5*3.05GHz A725大核+2*2.25GHz A520小核構成。單核
【新機】2K屏+潛望長焦,iQOO 15曝光 - 天天要聞

【新機】2K屏+潛望長焦,iQOO 15曝光

說到iQOO的數字旗艦系列,這代iQOO13相機被刀還是挺可惜的,主要也是為了避免和老大哥X200產生衝突。今天@數碼閑聊站曝光了下代iQOO旗艦的信息:新機可能會跳過iQOO 14,直接命名為iQOO 15,這代將會有中杯/大杯兩個杯型。新機將會採用6.85英寸2K LIPO三星定製直面屏,屏幕邊框極窄,支持Pol-less去偏光技術,還具有AR抗眩...
清華專家破百年陳規!滬上論壇曝電力革新,陳磊構想太敢了 - 天天要聞

清華專家破百年陳規!滬上論壇曝電力革新,陳磊構想太敢了

聽說了嗎?清華大學的專家居然說要徹底打破電力系統運行了上百年的規矩!就在上海那場新能源論壇上,陳磊研究員拋出個重磅觀點 —— 以後用電不用再看頻率臉色,有功功率想咋調就咋調!這事兒要是真能成,咱們家裡的空調、電動車充電可就再也不會因為電網不
消費活力釋放,上海零售商業形態向「文商旅體展」融合演進 - 天天要聞

消費活力釋放,上海零售商業形態向「文商旅體展」融合演進

2025年二季度,在上海市政府經濟刺激方案推動下,上海商業市場消費活力逐步釋放,但零售物業租賃指標的復蘇態勢仍顯平緩。核心商圈平均租金為1877元/平方米/月,平均出租率為94.71%,整體表現與去年同期持平,其中徐家匯、陸家嘴等商圈憑藉成熟商業生態,表現相對突出。但與非核心商圈相比,從存量、新增供應、凈吸納量等指...