Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
8326e10f
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
6006
Star
91
Fork
164
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
8326e10f
编写于
1月 24, 2024
作者:
DCloud-yinjiacheng
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新web-view示例
上级
230cf605
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
16 addition
and
16 deletion
+16
-16
pages/component/web-view-local/web-view-local.uvue
pages/component/web-view-local/web-view-local.uvue
+9
-9
pages/component/web-view/web-view.uvue
pages/component/web-view/web-view.uvue
+7
-7
未找到文件。
pages/component/web-view-local/web-view-local.uvue
浏览文件 @
8326e10f
<template>
<template>
<web-view ref="web-view" class="web-view" src="/hybrid/html/local.html" @message="message" @error="error"
<web-view ref="web-view" class="web-view" src="/hybrid/html/local.html" @message="message" @error="error"
@loading="loading" @load
ed="loade
d">
@loading="loading" @load
="loa
d">
</web-view>
</web-view>
</template>
</template>
...
@@ -13,23 +13,23 @@
...
@@ -13,23 +13,23 @@
}
}
},
},
methods: {
methods: {
message(event : WebViewMessageEvent) {
message(event :
Uni
WebViewMessageEvent) {
console.log(JSON.stringify(event
.detail
));
console.log(JSON.stringify(event));
uni.showModal({
uni.showModal({
content: JSON.stringify(event.detail),
content: JSON.stringify(event.detail),
showCancel: false
showCancel: false
});
});
},
},
error(event : WebViewErrorEvent) {
error(event :
Uni
WebViewErrorEvent) {
this.loadError = true
this.loadError = true
console.log(JSON.stringify(event
.detail
));
console.log(JSON.stringify(event));
},
},
loading(event : WebViewLoadingEvent) {
loading(event :
Uni
WebViewLoadingEvent) {
console.log(JSON.stringify(event
.type
));
console.log(JSON.stringify(event));
},
},
load
ed(event : WebViewLoade
dEvent) {
load
(event : UniWebViewLoa
dEvent) {
this.loadFinish = true;
this.loadFinish = true;
console.log(JSON.stringify(event
.type
));
console.log(JSON.stringify(event));
}
}
}
}
}
}
...
...
pages/component/web-view/web-view.uvue
浏览文件 @
8326e10f
<template>
<template>
<view class="uni-flex-item">
<view class="uni-flex-item">
<web-view id="web-view" class="uni-flex-item" :src="src" :webview-styles="webview_styles" @message="message"
<web-view id="web-view" class="uni-flex-item" :src="src" :webview-styles="webview_styles" @message="message"
@error="error" @loading="loading" @load
ed="loade
d" @download="download">
@error="error" @loading="loading" @load
="loa
d" @download="download">
</web-view>
</web-view>
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-input-v">
<view class="uni-input-v">
...
@@ -58,27 +58,27 @@
...
@@ -58,27 +58,27 @@
nativeToWeb() {
nativeToWeb() {
this.webviewContext?.evalJS("alert('hello uni-app x')");
this.webviewContext?.evalJS("alert('hello uni-app x')");
},
},
message(event : WebViewMessageEvent) {
message(event :
Uni
WebViewMessageEvent) {
console.log(JSON.stringify(event));
console.log(JSON.stringify(event));
},
},
error(event : WebViewErrorEvent) {
error(event :
Uni
WebViewErrorEvent) {
this.loadError = true
this.loadError = true
console.log(JSON.stringify(event));
console.log(JSON.stringify(event));
},
},
loading(event : WebViewLoadingEvent) {
loading(event :
Uni
WebViewLoadingEvent) {
console.log(JSON.stringify(event));
console.log(JSON.stringify(event));
},
},
load
ed(event : WebViewLoade
dEvent) {
load
(event : UniWebViewLoa
dEvent) {
console.log(JSON.stringify(event));
console.log(JSON.stringify(event));
},
},
download(event : WebViewDownloadEvent) {
download(event :
Uni
WebViewDownloadEvent) {
console.log(JSON.stringify(event));
console.log(JSON.stringify(event));
uni.showModal({
uni.showModal({
content: "下载链接: " + event.detail.url + "\n文件大小: " + event.detail.contentLength / 1024 + "KB",
content: "下载链接: " + event.detail.url + "\n文件大小: " + event.detail.contentLength / 1024 + "KB",
showCancel: false
showCancel: false
});
});
},
},
confirm(event : InputConfirmEvent) {
confirm(event :
Uni
InputConfirmEvent) {
console.log(JSON.stringify(event));
console.log(JSON.stringify(event));
let url = event.detail.value;
let url = event.detail.value;
if (!url.startsWith('https://') && !url.startsWith('http://')) {
if (!url.startsWith('https://') && !url.startsWith('http://')) {
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录