未分类

www6766com使用vue.js实现checkbox的全选和多个的删除功能_vue.js_脚本之家

17 3月 , 2020  

      {{item.name}} :  删除{{selectArr}}  全选   

var proData = [{ "name": "j1ax"}, { "name": "j2ax"}, { "name": "j3ax"}, { "name": "j4ax"}]export default { name: 'hello', data() { return { proData: proData, selectArr: [] } }, created() { this.$http.get.then { response = response.body; this.proData = response.data; }) }, methods: { del() { let arr = []; var len = this.proData.length; for (var i = 0; i < len; i++) { if (this.selectArr.indexOf { console.log(this.selectArr.indexOf }else{ arr.push } } this.proData = arr; this.selectArr = [] }, selectAll { var _this = this; console.log if (!event.currentTarget.checked) { this.selectArr = []; } else { //实现全选 _this.selectArr = []; _this.proData.forEach { _this.selectArr.push; } } }}

template代码:

以上所述是小编给大家介绍的使用vue.js实现checkbox的全选和多个的删除功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图