ElementUI对表格某一行执行操作和批量操作限制

<div slot="header" > <el-row type="flex" justify="space-between"> <el-col :span="12"> <el-button size="mini" @click="down(1)">批量下载</el-button> <el-button size="mini" @click="deletes(1)">批量删除</el-button> </el-col> </el-row> </div> <el-table :data="tableData" border style="width: 100%" ref="multipleTable"> <el-table-column type="selection" width="40" align="center"></el-table-column> <el-table-column type="index" label="序号" width="50" :index="indexMethod" align="center"></el-table-column> <el-table-column prop="username" label="用户名称" align="center"></el-table-column> <el-table-column prop="authorFirm" label="作者单位" align="center"></el-table-column> <el-table-column fixed="right" label="操作" align="center" width="80px"> <template slot-scope="scope"> <i class="el-icon-edit blue" @click="editForm(scope.row)"></i>&nbsp; <i class="el-icon-download blue" @click="down(scope.row)"></i>&nbsp; <i class="el-icon-delete blue" @click="deletes(scope.row)"></i> </template> </el-table-column> </el-table> 

deletes(scope) { var vm=this; var arr=""; // 批量删除 if(scope==1){ var data = this.$refs.multipleTable.selection; data.forEach(function(item){ arr += item.guid+',' }); }else{ // 删除 arr=scope.guid+',' } this.$alert('此操作将永久删除该模型文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { request.delete(apis.manageModel+'/'+arr) .then(function(response) { if (response.data.code== 200) { vm.findForm(1) } }) .catch(function(error) { console.log(error); }); }) }, //下载文件 down(scope) { var vm=this; var arr=""; // 批量下载 if(scope==1){ var data = this.$refs.multipleTable.selection; data.forEach(function(item){ arr += item.guid+',' }); }else{ // 下载当前行 arr=scope.guid+',' } window.location.href = apis.modelFile+'/'+arr; },

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdkf/11266.html