123

src/css/index.scss

@@ -290,3 +290,8 @@ s {
 .el-form-item__label {
   width: 100px !important;
 }
+/* 点击树结构项的选中颜色 */
+.el-tree--highlight-current .is-current.el-tree-node > .el-tree-node__content {
+  background-color: #74dad1 !important;
+  color: #fff;
+}

src/views/Data.vue

@@ -15,6 +15,8 @@
           :props="defaultProps"
           :highlight-current="true"
           accordion 
+          node-key="id"
+          :current-node-key="currentNodekey" 
           @node-click="handleNodeClick">
         </el-tree>
         </div>
@@ -57,6 +59,7 @@ export default {
     const ruleFormRef = ref(null);
     const state = reactive({
       indexi: 0,
+      
       qdDatas: [{
         id: 1,
         name: '驱动一',
@@ -78,14 +81,15 @@ export default {
           label: '设备一',
       }, {
         id: 12,
-      label: '设备二',
+        label: '设备二',
-      
       }, {
         id: 13,
         label: '设备三',
       
       }],
-      tableData: []
+      currentNodekey: 11,
+      tableData: [],
+      
     });
 
     onMounted(() => {