<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>
7***@qq.com
- 发布：2021-07-23 14:13
- 更新：2021-11-30 18:21
- 阅读：1329
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win7 专业版
HBuilderX类型： 正式
HBuilderX版本号： 3.1.6
浏览器平台： Chrome
浏览器版本： 版本 86.0.4240.198（正式版本） （64 位）
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>
<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>预期结果：
<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>
<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>实际结果：
<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>
<template>
<view>
<web-view :src="uri" allow="fullscreen"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
uri:''
}
},
onLoad(src) {
this.uri=src.src;
},
methods: {
}
}
</script>bug描述：
uni-app的webview打开文件地址，在HBuilderX编辑器中可全屏，但是在Chrome浏览器中只有部分区域显示，不能全屏
