vue 实现checkbox的全选，单选以及删除

如有疑问, 微博留言 韩峰26

话不多说, 直接上代码.

<template>
    <div>
      <input type='checkbox' class='input-checkbox' ：checked="fruitIds.length === fruits.length" @click='checkedAll()'>全选
      <div v-for='(fruit, index) in fruits' :key="index">
          
         <input type='checkbox' :checked="fruitIds.indexOf(fruit.fruitId)>=0" name='checkboxinput' class='input-checkbox' @click='checkedOne(fruit.id)'>
      div>
      
      <button :disabled="!fruitIds.length>0" value="Delete" @click="deleteFruits()">Deletebutton>
    div>
template>

 

 

转载于:https://www.cnblogs.com/smileself/p/checkAll.html