fix

src/views/home/test.vue

@@ -1,14 +1,22 @@
 <template>
 	<div class="test">
 		<p>Conversation Item - {{ id }}</p>
+		<button @click="openCanvas">打开画布</button>
 	</div>
 </template>
 
 <script setup lang="ts">
-	import { computed } from 'vue'
+	import myEvent from '@/utils/myEvent'
+	import { computed, onMounted } from 'vue'
 	import { useRoute } from 'vue-router'
 	const route = useRoute()
 	const id = computed(() => route.params.id)
+	const openCanvas = () => {
+		myEvent.emit('openFlowCanvas')
+	}
+	onMounted(() => {
+		openCanvas();
+	})
 </script>
 
 <style lang="less" scoped>
@@ -19,6 +27,9 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		font-size: 10rem;
+		flex-direction: column;
+		> p {
+			font-size: 10rem;
+		}
 	}
 </style>