feat: 选项卡组件显隐交互

pages/index/index.vue

@@ -4,6 +4,7 @@
 		:style="[styleObject]"
 	>
 		<view v-for="element in reportData" :key="item.id">
+			<template v-if="!element.hide">
 				<!-- 普通柱状图 -->
 				<NormalBar v-if="element.type == 'NormalBar'" :elementInfo="element"></NormalBar>
 				<!-- 普通折线图 -->
@@ -38,6 +39,7 @@
 				<NormalImage v-if="element.type == 'NormalImage'" :elementInfo="element"></NormalImage>
 				<!-- 远程图片 -->
 				<RemoteImage v-if="element.type == 'RemoteImage'" :elementInfo="element"></RemoteImage>
+			</template>
 		</view>
   </view>
 </template>
@@ -71,6 +73,16 @@
 			uni.$on('handleLinkParams', ({index, paramName, value}) => {
 				this.handleValueChange(index, paramName, value)
 			})
+			/**
+			 * 组件交互 - 组件
+			 */
+			uni.$on('handleLinkComp', ({ showData, hideData }) => {
+				this.reportData.map(item => {
+					if(showData.includes(item.id)) item.hide = false
+					if(hideData.includes(item.id)) item.hide = true
+					return item
+				})
+			})
 		},  
 		onUnload() {
 			// 移除监听事件