[TOC]
# 嵌套頁面內，可以打開新窗口
vue自帶到路由方法傳參即可實現在新建app窗口打開頁面
Undefined、Null、Number、String、Boolean、Symbol、Object、 Function(object)等
## 參數
*
| 參數 |描述 | 類型 |默認值 | 是否可選|
| --- | --- |--- | --- | --- |
| **ea55NewWin** | 在app小程序之類的 1=新窗口打開 | Number | 0 | 可選 |
| ea55Name | 在app 相同的name 窗口只會出現一個，不同窗口英愛避免重名 | String | 隨機 | 可選 |
| ea55Title | 窗口顯示的標題 |String | Null | 可選 |
| ea55NoHead | 1=隱藏app標題欄 |Number | 0 | 可選 |
| ea55appType | 手動傳入app類型 |String | Null | 可選 |
| openWinData | 其他參數比如要修改app背景色 可以 在對象里添加 bgColor:'#FFF' | JSON字符串 | {} | 可選 |
| ea55Names | 窗口組 name 可以多個窗口用同一個名字，實現批量關閉窗口的方法 | String | Null | 可選 |
## ea55appType 類型包含 （這個參數在嵌套進去的第一次可以帶進去，加快判斷速度！）
| 傳值 | 含義 |
| --- | --- |
| apicloud | apicloud APP |
| web | 普通h5端 |
| wx | 微信端 |
| wxxcx | 微信小程序端 |
| alp | 支付寶 |
可以通過問號傳參也可以同構query參數傳參
## template url直傳
```
<router-link to="/?ea55NewWin=1&ea55Name=home1&ea55Title=首頁">Home</router-link>
```
## template query 傳參
```
<router-link :to="{path:'/test',query: {ea55NewWin: 1,ea55Name: 'home2',ea55Title: '首頁'}}">跳轉</router-link>
```
## 也支持動態跳轉
#### vue2
```
this.$router.push({ path: '/test', query: {ea55NewWin: 1,ea55Name: 'home3',ea55Title: '首頁'}});
```
#### vue3
```
import { useRouter } from "vue-router";
setup() {
//初始化路由
const router = useRouter();
const submit = () => {
//提交訂單
router.push({
path: '/order_status_win',
query: {
ea55NewWin: 1,
ea55Name: 'order_status_win',
ea55Title: '提交訂單'
}
});
};
return {
submit
}
```
## openWinData 例子：
```
<router-link :to="{path:'/about',query: {openWinData:'{bgColor:\'#000\'}',ea55NewWin: 1,ea55Name: 'home12323',ea55Title: '首頁'}}">標題</router-link>
```
# 關閉窗口
app可以執行該方法關閉指定name的窗口
**使用前先引入文件**
```
import ea55api_vue from 'ea55api_vue';
```
## 關閉單個窗口
```
ea55api_vue.close_win('name');
```
## 關閉單個窗口組
```
ea55api_vue.close_wins('names');
```
