From 6e60c857e101aef728ea77a437784c91390d6760 Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Mon, 19 Feb 2024 16:49:11 +0800
Subject: [PATCH] =?UTF-8?q?docs(vue3):=20=E8=A1=A5=E5=85=85=20setup=20?=
 =?UTF-8?q?=E8=AF=AD=E6=B3=95=E7=B3=96=E4=BD=BF=E7=94=A8=20getOpenerEventC?=
 =?UTF-8?q?hannel=20=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/api/router.md | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/docs/api/router.md b/docs/api/router.md
index 5c607489c..f9ffc3ca1 100644
--- a/docs/api/router.md
+++ b/docs/api/router.md
@@ -75,6 +75,33 @@ onLoad: function(option) {
 }
 ```
 
+vue3 `script setup` 语法糖中调用 `getOpenerEventChannel` 示例：
+
+```js
+<script setup>
+  import {
+    onMounted,
+    getCurrentInstance
+  } from 'vue';
+
+  onMounted(() => {
+    const instance = getCurrentInstance().proxy
+    const eventChannel = instance.getOpenerEventChannel();
+    
+    eventChannel.emit('acceptDataFromOpenedPage', {
+      data: 'data from test page'
+    });
+    
+    eventChannel.emit('someEvent', {
+      data: 'data from test page for someEvent'
+    });
+    
+    eventChannel.on('acceptDataFromOpenerPage', function(data) {
+      console.log('acceptDataFromOpenerPage', data)
+    })
+  })
+</script>
+```
 
 url有长度限制，太长的字符串会传递失败，可改用[窗体通信](https://uniapp.dcloud.io/collocation/frame/communication)、[全局变量](https://ask.dcloud.net.cn/article/35021)，另外参数中出现空格等特殊字符时需要对参数进行编码，如下为使用`encodeURIComponent`对参数进行编码的示例。
 ```html
-- 
GitLab