标签管理 标签分类 添加删除按钮

src/views/label/tag/index.vue

@@ -24,6 +24,8 @@
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
           <el-button type="text" @click="getDetail(scope.row)" v-hasPermi="['label:tag:edit']">编辑</el-button>
+          <el-button type="delete" @click="getDelete(scope.row.id)" v-hasPermi="['label:tag:delete']">删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -52,7 +54,7 @@
 </template>
 
 <script>
-import { list, create } from '@/api/label/tag'
+import { list, create, getRemove } from '@/api/label/tag'
 export default {
   data() {
     return {
@@ -96,6 +98,22 @@ export default {
       })
     },
 
+    // 删除
+    getDelete(id) {
+      this.$confirm('是否删除当前标签', '提示', {
+        'confirmButtonText': '确定',
+        'cancelButtonText': '取消',
+        type: 'warning'
+      }).then(() => {
+        getRemove(id).then(res => {
+          if (res.code === 0) {
+            this.$message.success('删除成功！')
+            this.getList()
+          }
+        })
+      })
+    },
+
     // 显示输入框
     showInput() {
       this.inputVisible = true