当前位置: 首页 > news >正文

uni-app nvue vue3 setup中实现加载webview,解决nvue中获取不到webview实例的问题

注意下面的方法只能在app端使用,

let wv = plus.webview.create("","custom-webview",{plusrequire:"none", 'uni-app': 'none', width: 300,height:400,top:uni.getSystemInfoSync().statusBarHeight+44 
})
wv.loadURL("https://www.baidu.com");
let currentWebview = plus.webview.currentWebview();currentWebview.append(wv);;
setTimeout(()=>{
console.log(wv.getTitle(),wv.getURL())
},1000)

效果

在这里插入图片描述

在这里插入图片描述

为什么不用标签的方式

这种方式拿不到实例啊,我搜了各种五花八门的方法始终都拿不到webview的实例

<web-view :fullscreen="false" ref="ref_webview" :style="{width: width,height:height}" :src="url" @load="load"></web-view> 

最近在开发aweb浏览器的手机版本,才用到webview。PC电脑的版本已经开发出来了。www.aweb123.com,使用electron开发的如果这个文章对你有帮助一定要下载下来玩玩啊。aweb浏览器官网

http://www.lryc.cn/news/307596.html

相关文章:

  • IPD(集成产品开发)—核心思想
  • uniapp android 原生插件开发-测试流程
  • MyCAT从入门到实战(配置文件介绍)
  • 【LeetCode-300】最长递增子序列(动归)
  • Mysterious-GIF-攻防世界-MISC
  • 【数据结构和算法初阶(C语言)】链表-单链表(手撕详讲单链表增删查改)
  • 【Go语言】Go语言中的切片
  • Qt程序设计-钟表自定义控件实例
  • Redis的发布订阅功能教程,实现实时消息和key过期事件通知功能
  • 4核8g服务器能支持多少人访问?
  • 【Android】切换系统全局语言设置
  • 【递归】【回溯】Leetcode 112. 路径总和 113. 路径总和 II
  • AxureCloud配置文件详细介绍
  • Centos开机网卡自启动失败
  • 华为OD技术面试案例3-2024年
  • 全面升级!Apache HugeGraph 1.2.0版本发布
  • WinCC如何与三菱Q系列PLC进行以太网通讯
  • Spring11、整合Mybatis
  • C语言练习:(力扣645)错误的集合
  • 广和通发布基于MediaTek T300平台的RedCap模组FM330系列及解决方案
  • 代码随想录训练营第六十三天打卡|503.下一个更大元素II 42. 接雨水
  • 【web】nginx+php环境搭建-关键点(简版)
  • 1、什么是ETF?
  • 备战蓝桥杯Day18 - 双链表
  • 【大数据】Flink 内存管理(二):JobManager 内存分配(含实际计算案例)
  • (2024,Sora 逆向工程,DiT,LVM 技术综述)Sora:大视觉模型的背景、技术、局限性和机遇回顾
  • MySQL基础(二)
  • el-table 多选表格存在分页,编辑再次操作勾选会丢失原来选中的数据
  • 备战蓝桥杯————如何判断回文链表
  • linux 文本编辑命令【重点】