& lt; script>
var proData=https://www.yisu.com/zixun/[{“名称”:“j1ax”
},{
“名称”:“j2ax”
},{
“名称”:“j3ax”
},{
“名称”:“j4ax”
})
出口默认{
名称:“你好”,
数据(){
返回{
proData: proData,
selectArr: []
}
},
创建(){
美元。http.get (/api/home)(函数(响应){
响应=response.body;
这一点。proData=https://www.yisu.com/zixun/response.data;
})
},
方法:{
德尔(){
让arr=[];
var len=this.proData.length;
(var=0;我<兰;我+ +){
如果(this.selectArr.indexOf(我)>=0){
console.log (this.selectArr.indexOf(我))
其他}{
arr.push (proData[我])
}
}
这一点。proData=arr;
这一点。selectArr=[]
},
selectAll(事件){
var _this=;
console.log (event.currentTarget)
如果(! event.currentTarget.checked) {
这一点。selectArr=[];
其他}{//实现全选
_this。selectArr=[];
_this.proData。forEach(函数(项目,我){
_this.selectArr.push(我);
}）;
}
}
}
}
以上所述是小编给大家介绍的使用vue.js实现复选框的全选和多个的删除功能,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
