Skip to content
20:40

Webview - 网页视图

说明

webview 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)

WARNING

各小程序平台,web-view 加载的 url 需要在后台配置域名白名单,包括内部再次 iframe 内嵌的其他 url

平台差异说明

AppH5微信小程序

基本使用

html
<template>
	<col-webview :src="src" />
</template>
<script>
export default {
  data() {
    return {
	    src: 'https://uniapp.dcloud.io/component/web-view'
    }
  }
}
</script>

API

Props

名称说明类型默认值可选值
srcwebview 指向网页的链接String--
webview-styleswebview的样式Object--
progress-colorloadingbar颜色值String#2979ff-