vue实现删除操作

 commonConfig.ajaxLoad('individual/getName', params, (res) => {

                const {total, list} = res;
                this.viewData = list;
                this.page.total = total;
                for (let i = 0; i < this.viewData.length; i++) {
                    this.viewData[i]['isChecked'] = false
                }
                console.log('浏览', res)
            }, null, 'get')
  //确认删除
        brownsDelete() {
            let arr = [];
            this.viewData.filter(item => {
                if (item.isChecked === true) {
                    arr.push(item.browserId)
                }
            })

            if (arr.length > 0) {
                this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                })
                    .then(() => {
                        commonConfig.ajaxLoad('individual/deleteBrowser', {ids: arr.join(',')}, (res) => {
                            if (res) {
                                this.getBrownsData()
                                commonConfig._message(res, '删除');
                                this.isCheck = true
                            }
                        }, null, 'delete')
                    })
                    .catch(() => {
                        this.$message({
                            type: 'info',
                            message: '已取消删除',
                        })
                        this.isCheck = true;
                        if (document.getElementById('checkBox').checked === true) {
                            document.getElementById('checkBox').length = 0;
                        }
                    })
            } else {
                this.$message.warning('请至少选择一项!')
                this.isCheck = true
            }


        },

你可能感兴趣的:(vue.js,前端,javascript)