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

科技分類資訊推薦

突發,聊聊Manus“刪博跑路” - 天天要聞

突發,聊聊Manus“刪博跑路”

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

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

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

配備榮耀綠洲護眼屏,榮耀X70還有超窄邊框設計

7 月 11 日消息,榮耀官方表示即將發布的 X70 新品將配備一塊行業罕見的好屏幕,擁有 1.5K 分辨率、6000nit 超高亮度,屏幕黑邊甚至控制在 1.3mm,帶來更沉浸的體驗。根據此前曝光的信息,榮耀X70 支持 IP66、IP68、IP69、IP69K 級防塵防水,其中 IP69K 級可以讓設備在高壓、高溫水流衝擊下也能有防護能力。不僅如此,榮耀
零跑全新C11上市,14.98萬起售 - 天天要聞

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

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

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

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