Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
小刘28
xz-uniapp
提交
6a889f54
xz-uniapp
项目概览
小刘28
/
xz-uniapp
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
xz-uniapp
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
6a889f54
编写于
8月 12, 2022
作者:
小刘28
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat:添加页面传值的功能;完善web页面加载效果;
上级
58571576
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
73 addition
and
36 deletion
+73
-36
pages-a/a-test/a-test.vue
pages-a/a-test/a-test.vue
+29
-16
pages-b/b-test/b-test.vue
pages-b/b-test/b-test.vue
+21
-17
pages.json
pages.json
+2
-1
pages/index/index.vue
pages/index/index.vue
+12
-0
pages/template/template-2-web.vue
pages/template/template-2-web.vue
+7
-2
utils/network/xz-request.js
utils/network/xz-request.js
+2
-0
未找到文件。
pages-a/a-test/a-test.vue
浏览文件 @
6a889f54
...
@@ -4,7 +4,8 @@
...
@@ -4,7 +4,8 @@
<view
class=
""
>
<view
class=
""
>
<button
@
click=
"goSubPageB()"
>
跳转分包页面B
</button>
<button
@
click=
"goSubPageB()"
>
跳转分包页面B
</button>
</view>
</view>
<view
class=
""
>
msg:
{{
msg
}}
</view>
<view
class=
""
>
msgA:
{{
msgA
}}
</view>
<view
class=
""
>
msgANew:
{{
msgANew
}}
</view>
</view>
</view>
</
template
>
</
template
>
...
@@ -12,34 +13,46 @@
...
@@ -12,34 +13,46 @@
export
default
{
export
default
{
data
(
)
{
data
(
)
{
return
{
return
{
msg
:
'
A->B
'
msgA
:
'
A页面默认内容
'
,
msgANew
:
''
}
},
watch
:{
msgANew
:(
newValue
,
oldValue
)
=>
{
console
.
log
(
'
msgANew发生变化了
'
);
}
}
},
},
onLoad
(
)
{
onLoad
(
)
{
let
that
=
this
;
uni
.
$on
(
'
updateA
'
,
function
(
data
)
{
console
.
log
(
'
监听到B->A:
'
+
data
.
msg
);
that
.
msg
=
data
.
msg
;
}
);
},
},
onShow
(
)
{
onShow
(
)
{
},
},
onUnload
(
)
{
onUnload
(
)
{
// 移除监听事件
uni
.
$off
(
'
updateA
'
);
},
},
methods
:
{
methods
:
{
goSubPageB
(
)
{
goSubPageB
(
)
{
let
that
=
this
;
uni
.
navigateTo
(
{
uni
.
navigateTo
(
{
url
:
'
/pages-b/b-test/b-test
'
url
:
'
/pages-b/b-test/b-test
'
,
events
:{
// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
// acceptDataFromOpenedPage: function(data) {
// console.log(data)
// },
bToa
:
function
(
data
)
{
console
.
log
(
data
);
that
.
msgANew
=
data
.
data
;
},
// someEvent: function(data) {
// console.log(data)
// }
},
success
:(
res
)
=>
{
// 通过eventChannel向被打开页面传送数据
// res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'data from starter page' })
res
.
eventChannel
.
emit
(
'
aTob
'
,
{
data
:
'
aTob
'
})
}
}
);
}
);
let
that
=
this
;
setTimeout
(
(
)
=>
{
uni
.
$emit
(
'
transA
'
,
{
msg
:
that
.
msg
}
);
},
300
);
},
},
}
}
}
}
...
...
pages-b/b-test/b-test.vue
浏览文件 @
6a889f54
...
@@ -2,9 +2,10 @@
...
@@ -2,9 +2,10 @@
<view>
<view>
<view
class=
""
>
这是分包页面B
</view>
<view
class=
""
>
这是分包页面B
</view>
<view
class=
""
>
<view
class=
""
>
<button
@
click=
"goSubPageA()"
>
跳转
分包页面A
</button>
<button
@
click=
"goSubPageA()"
>
返回
分包页面A
</button>
<button
@
click=
"transA()"
>
把数值传到页面A
</button>
<button
@
click=
"transA()"
>
把数值传到页面A
</button>
<view
class=
""
>
msg:
{{
msg
}}
</view>
<view
class=
""
>
msgB:
{{
msgB
}}
</view>
<view
class=
""
>
msgBNew:
{{
msgBNew
}}
</view>
</view>
</view>
</view>
</view>
</
template
>
</
template
>
...
@@ -13,30 +14,33 @@
...
@@ -13,30 +14,33 @@
export
default
{
export
default
{
data
(
)
{
data
(
)
{
return
{
return
{
msg
:
''
msgB
:
'
页面默认内容
'
,
msgBNew
:
''
,
eventChannel
:
''
}
}
},
},
onShow
(
)
{
onLoad
()
{
this
.
eventChannel
=
this
.
getOpenerEventChannel
();
// this.eventChannel.emit('bToa', {data: 'bToa'});
// eventChannel.emit('someEvent', {data: 'data from test page for someEvent'});
// 监听acceptDataFromOpenerPage事件,获取上一页面通过eventChannel传送到当前页面的数据
let
that
=
this
;
let
that
=
this
;
uni
.
$on
(
'
transA
'
,
function
(
data
)
{
this
.
eventChannel
.
on
(
'
aTob
'
,
function
(
data
)
{
console
.
log
(
'
监听到A->B:
'
+
data
.
msg
);
console
.
log
(
data
);
that
.
msg
=
data
.
msg
;
that
.
msgBNew
=
data
.
data
;
}
);
});
},
onShow
(
)
{
},
},
onUnload
(
)
{
onUnload
(
)
{
// 移除监听事件
uni
.
$off
(
'
transA
'
);
},
},
methods
:
{
methods
:
{
goSubPageA
(
)
{
goSubPageA
(
)
{
uni
.
navigateTo
(
{
uni
.
navigateBack
();
url
:
'
/pages-a/a-test/a-test
'
}
);
},
},
transA
(
)
{
transA
(){
uni
.
$emit
(
'
updateA
'
,
{
// const eventChannel = this.getOpenerEventChannel();
msg
:
'
B->A
'
this
.
eventChannel
.
emit
(
'
bToa
'
,
{
data
:
'
bToa
'
});
}
);
}
}
}
}
}
}
...
...
pages.json
浏览文件 @
6a889f54
...
@@ -64,7 +64,8 @@
...
@@ -64,7 +64,8 @@
"navigationBarTextStyle"
:
"black"
,
"navigationBarTextStyle"
:
"black"
,
"navigationBarTitleText"
:
"uni-app"
,
"navigationBarTitleText"
:
"uni-app"
,
"navigationBarBackgroundColor"
:
"#FFFFFF"
,
"navigationBarBackgroundColor"
:
"#FFFFFF"
,
"backgroundColor"
:
"#F8F8F8"
"backgroundColor"
:
"#F8F8F8"
,
"pageOrientation"
:
"portrait"
},
},
"uniIdRouter"
:
{},
"uniIdRouter"
:
{},
"condition"
:
{
//模式配置,仅开发期间生效
"condition"
:
{
//模式配置,仅开发期间生效
...
...
pages/index/index.vue
浏览文件 @
6a889f54
...
@@ -4,6 +4,8 @@
...
@@ -4,6 +4,8 @@
<button
@
click=
"clickGetUser"
>
获取用户信息
</button>
<button
@
click=
"clickGetUser"
>
获取用户信息
</button>
<button
@
click=
"clickCreateTimer"
>
创建定时器
</button>
<button
@
click=
"clickCreateTimer"
>
创建定时器
</button>
<button
@
click=
"clickGoError"
>
跳转错误页面
</button>
<button
@
click=
"clickGoError"
>
跳转错误页面
</button>
<button
@
click=
"clickGoPageA"
>
跳转页面A
</button>
<button
@
click=
"clickGoWeb"
>
跳转web页面
</button>
</view>
</view>
</view>
</view>
</
template
>
</
template
>
...
@@ -28,6 +30,16 @@
...
@@ -28,6 +30,16 @@
},
},
methods
:
{
methods
:
{
clickGoWeb
(){
uni
.
navigateTo
({
url
:
'
/pages/template/template-2-web
'
});
},
clickGoPageA
(){
uni
.
navigateTo
({
url
:
'
/pages-a/a-test/a-test
'
});
},
clickGoError
(){
clickGoError
(){
uni
.
navigateTo
({
uni
.
navigateTo
({
url
:
'
/pages/error/error
'
url
:
'
/pages/error/error
'
...
...
pages/template/template-2-web.vue
浏览文件 @
6a889f54
...
@@ -9,7 +9,7 @@
...
@@ -9,7 +9,7 @@
<
template
>
<
template
>
<div>
<div>
<web-view
:src=
"webSrc"
></web-view>
<web-view
:
webview-styles=
"webviewStyles"
:
src=
"webSrc"
></web-view>
</div>
</div>
</
template
>
</
template
>
...
@@ -17,7 +17,12 @@
...
@@ -17,7 +17,12 @@
export
default
{
export
default
{
data
(){
data
(){
return
{
return
{
webSrc
:
''
webSrc
:
''
,
webviewStyles
:
{
progress
:
{
color
:
'
#42B983
'
,
},
}
}
}
},
},
onLoad
(
options
)
{
onLoad
(
options
)
{
...
...
utils/network/xz-request.js
浏览文件 @
6a889f54
...
@@ -112,8 +112,10 @@ function handleError ( data ) {
...
@@ -112,8 +112,10 @@ function handleError ( data ) {
}
);
}
);
}
}
}
}
uni
.
navigateTo
({
uni
.
navigateTo
({
url
:
'
/pages/error/error
'
url
:
'
/pages/error/error
'
});
});
console
.
log
(
'
请求结果异常:
'
,
data
);
console
.
log
(
'
请求结果异常:
'
,
data
);
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录