[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');
```
