opti: refactor left-window

Author: Fasttian

windows/left-window.vue

@@ -1,7 +1,9 @@
 <template>
 	<view class="left-window-style">
 		<view class="second-menu">
-			<component v-bind:is="active"></component>
+			<!-- <keep-alive> -->
+			<component v-bind:is="active" :hasLeftWin="hasLeftWin" :leftWinActive="leftWinActive"></component>
+			<!-- </keep-alive> -->
 		</view>
 	</view>
 </template>
@@ -40,45 +42,59 @@
 		computed: {
 			...mapState({
 				active: state => state.active,
+				hasLeftWin: state => !state.noMatchLeftWindow,
+				leftWinActive: state => state.leftWinActive.split('/')[3],
 			})
 		},
 		watch: {
 			matchLeftWindow: {
 				immediate: true,
-				handler(newMatches) {
+				handler(newMatches) {
 					this.setMatchLeftWindow(newMatches)
 				}
-			},
+			},
+			// #ifndef VUE3
 			$route: {
 				immediate: true,
-				handler(newRoute) {
-					if (this.matchLeftWindow) {
-						if (newRoute.path === '/') {
-							uni.redirectTo({
-								url: 'pages/component/view/view'
-							})
-						} else if (!newRoute.matched.length) {
-							uni.redirectTo({
-								url: 'pages/error/404'
-							})
-						} else {
-							let active = newRoute.path.split('/')[2]
-							if (this.nav.includes(active)) {
-								if (active === 'component') {
-									active = 'componentPage'
-								}
-								if (active === 'template') {
-									active = 'templatePage'
-								}
-								this.setActive(active)
-							}
-						}
-					}
+				handler(newRoute) {
+					this.handlerRoute(newRoute)
 				}
+			},
+			// #endif
+			// #ifdef VUE3
+			$route(newRoute) {
+				this.handlerRoute(newRoute)
 			}
+			// #endif
 		},
 		methods: {
-			...mapMutations(['setMatchLeftWindow', 'setActive']),
+			...mapMutations(['setMatchLeftWindow', 'setActive', 'setLeftWinActive']),
+
+			handlerRoute(newRoute) {
+				if (this.matchLeftWindow) {
+					if (newRoute.path === '/') {
+						uni.redirectTo({
+							url: 'pages/component/view/view'
+						})
+					} else if (!newRoute.matched.length) {
+						uni.redirectTo({
+							url: 'pages/error/404'
+						})
+					} else {
+						this.setLeftWinActive(newRoute.path)
+						let active = newRoute.path.split('/')[2]
+						if (this.nav.includes(active)) {
+							if (active === 'component') {
+								active = 'componentPage'
+							}
+							if (active === 'template') {
+								active = 'templatePage'
+							}
+							this.setActive(active)
+						}
+					}
+				}
+			}
 		}
 	}
 </script>