网络视图 WebView
基础用法
- 代码示例:
点击查看源码
vue<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>