vue day7 table checkbox 全选

 



    "Content-Type" content="text/html; charset=utf-8" />
    
        "stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    

    




    
"app-4" class="col-xs-12 main-table-wrapper">
        class="table table-striped table-hover table-bordered" id="main-table">
            for="(item,index) in tableData">
                    

                

                    
"checkbox" v-model="checkall"  v-on:click='checkAll'>
                    
商品名称
                    
商品单价
                    
数量
                
            
            

                
"checkbox" v-model="checked" :value="item.id"  />   
                    
{
     { item.name }}
                    
{
     { item.address }}
                    
{
     { item.date }}
                    
"handleRemove(index)">移除

                


            
        
        
{
     {
     checked}}
    
  


    
    

 

转载于:https://www.cnblogs.com/LiuFengH/p/10657451.html