vue中使用el-dropdown方式_vue.js_

更多资料下载复制置顶取消置顶重命名删除

取消确定

 /** * 更多 */ handleCommand(command, index, row) { console.log("command", command, row); //复制 if (command == "a") { Ajax( { method: "put", url: "/active/copy", params: { active_id: row.active_id }, }, (res) => { this.saveLoading = false; if (res.status_code === 200) { this.$message({ message: "复制成功", type: "success" }); // 复制成功回到第一页 this.pageInfo.currentPage = 1; this.getData(); } }, (err) => { this.saveLoading = false; } ); } //置顶 if (command == "b") { this.handleTop(row, 1); } //取消置顶 if (command == "c") { this.handleTop(row, 0); } // 重命名 if (command == "d") { this.renamePopUp = true; this.form = row; this.editPostUrl = 3; } //删除 if (command == "e") { this.handleDelete(index, row); } //资料下载 if (command == "f") { window.open(row.url_arr[0]); } },

 /** * 置顶 */ handleTop(row, is_top) { this.loading = true; console.log(row.is_top); Ajax( { url: "/active/top", // 路径 method: "put", params: { active_id: row.active_id, is_top: is_top }, }, (res) => { this.loading = false; if (res.status_code === 200) { this.$message({ message: "操作成功", type: "success" }); this.getData(); } }, (err) => { this.loading = false; } ); },

 /** * 删除 */ handleDelete(index, row) { this.$confirm("你是否确认删除这个活动?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "error", }) .then(() => { this.loading = true; //删除 Ajax( { method: "delete", url: "/active", params: { active_id: row.active_id }, }, (res) => { this.loading = false; if (res.status_code === 200) { this.$message({ message: "删除活动成功", type: "success" }); this.getData(); } }, (err) => { this.loading = false; } ); }) .catch(() => { this.$message({ type: "info", message: "已取消删除" }); }); },

                           打印                   图片另存为                   刷新                  ```