网络视图 WebView

基础用法

• 代码示例：
  点击查看源码

  TypeScript

  <template>
  	<div class='es-sdk-root-css'>
  		<s-title-view class='es-sdk-content-title-css' :text='this.$options.name' />
  		<div class='es-sdk-content-divider-css' />
  		<div class='es-sdk-content-row-css'>
  			<qt-web-view
  				@onPageStarted='onPageStarted'
  				ref='webview'
  				class='es-sdk-web-view-css' />
  		</div>
  	</div>
  </template>
  
  <script lang='ts'>
  
  import {defineComponent} from '@vue/runtime-core';
  import {ref} from 'vue';
  import {QTIWebView} from '@quicktvui/quicktvui3';
  
  export default defineComponent({
  	name: '基础用法',
  	setup() {
  		const webview = ref<QTIWebView>();
  
  		function onPageStarted(url) {
  		}
  
  		function onESCreate(params) {
  			webview.value?.loadUrl('http://quicktvui.com');
  		}
  
  		return {
  			webview,
  			onESCreate,
  			onPageStarted,
  		};
  	},
  });
  
  </script>
  
  <style>
  .es-sdk-web-view-css {
  	width: 1920px;
  	height: 1080px;
  }
  </style>