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()用法 - 天天要聞

科技分類資訊推薦

大爺寫《我的母親》火爆全網!視頻發布者最新發聲 - 天天要聞

大爺寫《我的母親》火爆全網!視頻發布者最新發聲

連日來,一段關於大爺挑戰寫作1957年高考同題作文《我的母親》的視頻火爆全網。不少網民表示,文字質樸,催人淚下,深深被打動。7月11日,大皖新聞記者聯繫上了視頻發布者連文傑。對方表示,視頻中展示的作文內容由大爺獨立寫作,產生的版權收入也全給大爺。大爺寫作文視頻走紅網路。大爺寫的作文在網上爆火大皖新聞記者注...
10.38萬元起,吉利銀河A7發布預售價 - 天天要聞

10.38萬元起,吉利銀河A7發布預售價

7月11日,吉利銀河發布了預售價,預售價格範圍為10.38-13.38萬元,在發布預售價格的同時,官方也帶來了多項權益,包括500元訂金抵扣1500元,贈送價值8800元的Flyme Sound音響等。
「中欣卡」突然停擺,超150萬用戶退款難 - 天天要聞

「中欣卡」突然停擺,超150萬用戶退款難

覆蓋北京2000多家門店、擁有超150萬持卡用戶的預付卡「中欣卡」近日停擺,線上線下消費渠道均被暫停,恢復時間未知。大量持卡用戶面臨資金凍結困境。消費渠道全面「癱瘓」近日,中欣卡發布公告稱「因業務調整,全面暫停所有門店合作,無法消費」。中國新聞網《民生調查局》記者發現,其官網合作商戶名錄已清空,線上提貨渠...
突發,聊聊Manus「刪博跑路」 - 天天要聞

突發,聊聊Manus「刪博跑路」

摘要:「如果最後有不錯的結果,證明作為中國出生的創始人,也能在新的環境下做好全球化的產品,那就太好了」鳳凰網科技 出品作者|董雨晴7月11日,AI Agent產品Manus官方賬號清空了發布在微博、小紅書的內容。兩天前,Manus剛剛陷入裁
AI取代矽谷程序員?這些美國大廠高管這麼說 - 天天要聞

AI取代矽谷程序員?這些美國大廠高管這麼說

人工智慧(AI)正在加速重塑全球勞動力市場。 當地時間10日,美國招聘平台Indeed及員工評價網站Glassdoor宣布,為應對人工智慧帶來的產業變革,將裁減約1300個職位,占集團員工總數的6%。微軟首席商業官阿爾索夫(Judson Althoff)稱,AI已承擔35%的產品代碼編寫工作,顯著加快了產品開發周期。 美國威達信集團(Marsh McL...