Browse Source

tree默认选中第一个节点

mw_666 3 years ago
parent
commit
dc9d5ebb11
1 changed files with 14 additions and 7 deletions
  1. 14 7
      src/views/Others/otherComponent.vue

+ 14 - 7
src/views/Others/otherComponent.vue

@@ -13,6 +13,7 @@
 </template>
 </template>
 
 
 <script>
 <script>
+	import $ from "jquery";
 	import Gz from "./gz.vue";
 	import Gz from "./gz.vue";
 	import Xn from "./xn.vue";
 	import Xn from "./xn.vue";
 	import Yj from "./yj.vue";
 	import Yj from "./yj.vue";
@@ -72,25 +73,31 @@
 			};
 			};
 		},
 		},
 		methods: {
 		methods: {
-			select2(data) {
-				console.log(data)
-				this.currTab2 = parseInt(data.id);
-			},
 			handleNodeClick(a) {
 			handleNodeClick(a) {
 				if (a.id) {
 				if (a.id) {
 					this.currTab = a.id;
 					this.currTab = a.id;
 				}
 				}
-			}
+			},
 		},
 		},
 		created() {
 		created() {
 
 
 		},
 		},
-		mounted() {},
+		mounted() {
+			// jq实现的tree默认第一个节点选中
+			$('.el-tree .el-tree-node__children').eq(0).find('.el-tree-node').eq(0).addClass('is-current');
+			$('.el-tree .el-tree-node__children .el-tree-node').click(function(){
+				$(this).siblings().removeClass('is-current')
+			})
+		},
 	};
 	};
 </script>
 </script>
 
 
 <style lang="less">
 <style lang="less">
 	.el-tree{
 	.el-tree{
-		.el-tree-node.is-current{background-color: #0F3C25;}
+		.el-tree-node__children {
+			.el-tree-node__content{cursor: pointer;}
+			.el-tree-node.is-current{background-color: #0F3C25;}
+		}
+		.el-tree-node__content{cursor: auto;}
 	}
 	}
 </style>
 </style>