uniapp之左滑删除、长按显示checkbox复选框及全选删除

387 阅读1分钟

1、给一个数组中每项增加一个如item.ischeckbox=false,(接口返回时打印res)

const list=res.list
list.forEach(item=>{
	item.ischeckbox=false
    })

这样写是为了避免某项数据不被XX到

2、e为每项内容

e.detail.value和e.detail.value[0]的使用

3、删除时可使用组件,好处是可分开删除,在组件头部使用

@touchStart
@touchMove

4、长按显示复选框及全选删除

@loap...配合@change使用,

5、多选、单选思路,子组件

e=e.detail.value[0]
$emit("ischeck",this.index,e)

父组件

ischeck(index,val){
     this.xxx[index].mid==val?true:false
     }
this.aaa=this.xxx.every(item=>item.xxx===true)
aaa?"全选""不全选"
     

6、全选,此时需要使用到第一条中item.ischeck=false

this.xxx.forEach(item=>this.$set("item",ischeck,false))
this.$set("checkall",checked,false)