vue设置多选框默认勾选_使用vue实现复选框单选多选

界面样式：

姓名手机号码申请时间操作

v-model="item.hasselected"

@on-change="choosesingle(item)"

>

{ {item.truename}}{ {item.phone}}{ {item.addtime}}

通过

驳回

暂无数据

show-total

:total="total"

:page-size="size"

:current="current"

@on-change="changepage"

class="page_switch_class"

v-if="applyuserlist&&applyuserlist.length>0"

/>

关键参数：

hasallchecked(是否全选)

全选方法：

// 全选

chooseall(val) {

var self = this

if (val) {

self.applyuserlist.foreach(ele => {

ele.hasselected = true

})

}