标签分类展示3级标签id

src/views/operation/tag/index.vue

@@ -7,8 +7,7 @@
       </el-form-item>
       <el-form-item label="当前状态：">
         <el-select v-model="form.status" placeholder="请选择当前状态" clearable>
-          <el-option v-for="item in disabledOptions" :key="item.value" :value="item.value"
-            :label="item.label" />
+          <el-option v-for="item in disabledOptions" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -19,9 +18,14 @@
       </el-form-item>
     </el-form>
     <!-- 列表 -->
-    <el-table :data="tableData" row-key="id" :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+    <el-table :data="tableData" row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
       v-loading="loading">
       <el-table-column label="标签名称" prop="label" show-overflow-tooltip />
+      <el-table-column label="标签Id" prop="id" align="center" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{ scope.row.level === 3 ? scope.row.id : '-' }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="标签排序" prop="sort" align="center" />
       <el-table-column label="当前状态" prop="status" align="center">
         <template slot-scope="scope">
@@ -283,7 +287,4 @@ export default {
     }
   }
 }
-</script>
-
-<style lang="scss" scoped>
-</style>
+</script>