vueJs全选功能

vueJs全选功能_第1张图片

思路:

通过多选框的true 或者false,判断这条订单是否被选中。多选框的的选中与否自带true  false,不用向后台数据额外插入字段来判断是否被选中。

HTML:


                    

  •                     

                                                         v-model="item.checked" 
                                @on-change="oneCheckFun(item.checked,item.id)"
                            >
                        
                        
                        商品图片
                        
                             {{item.goodsName}}
                        

                        
                             {{item.price}}
                        

                             
                             
                                 
                                 
                            
                        

                        
                             {{ item.price*item.number }}
                        

                        
                             
                        
                         
                    

  •             

 

js:

 

你可能感兴趣的:(vue)