uniapp的web-view 无法自由缩放（已解决）

废话不多说，直接上代码

参考官方网址：https://uniapp.dcloud.io/component/web-view.html#web-view

参考代码：

<template><view><web-view :webview-styles="webviewStyles" :src="url"></web-view></view>
</template>
<script>let wv;export default {data() {return {webviewStyles: {progress: {color: '#4387cb'}},url: ''}},onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数this.url = option.url},onReady() {// #ifdef APP-PLUSlet currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象setTimeout(function() {wv = currentWebview.children()[0]wv.setStyle({scalable: true})}, 1000); //如果是页面初始化调用时，需要延时一下// #endif}}
</script>

uniapp的web-view 无法自由缩放（已解决）相关推荐

uniapp 小程序 map设置地图缩放失效解决方法
原因uniapp map绑定的缩放等级,在鼠标或手指缩放后并没有更新值, 如果遇到需要修改缩放等级的情况会因为设置的值没改变导致地图没有更新 <map class="my_map&qu ...
【Unity 实用工具】 Unity 十款浏览器相关插件整理（web view browser）
目录 ??前言 ??浏览器相关插件 ??第一款:Embedded Browser (ZFBrowser) ??第二款:UniWebView ??第三款:Texture Web View (Androi ...
CSS 自由缩放 resize属性
为了增强用户体验,CSS3新增的一个非常实用的 resize属性,它允许用户通过拖动的方式,来自由缩放元素的尺寸.这在以前只能通过Javascript 编写大量脚本来实现,费时费力,效率低下. res ...
uni-app 使用web的echarts画图表
uni-app 使用web的echarts画图表 initEcharts: function() {let data = {xAxis: [0, 1, 2, 3, 4, 5],data: [25, 3 ...
为自己搭建一个鹊桥 -- Native Page与Web View之间的JSBridge实现方式
原文:为自己搭建一个鹊桥 -- Native Page与Web View之间的JSBridge实现方式说起JSBridge,大家最熟悉的应该就是微信的WeixinJSBridge,通过它各个公众页面 ...
Appium——unknown error: cannot activate web view
测试步骤: 1. 打开必应APP(如果出现欢迎界面和定位服务弹窗,需要点掉) 2. 点击搜索按钮 3. 输入JAVA到搜索框 4. 点击搜索网页 5. 观察显示搜索出来的结果是否含有java 6. ...
轴等比缩放_CAD教程：自由缩放命令的操作流程
在使用浩辰CAD制图软件绘制图纸的过程中,设计师为了绘图方便经常需要对图形进行放大或者是缩小,这个时候就要用到自由缩放命令.那么今天就给刚入门学习浩辰CAD软件的小伙伴们分享一下CAD教程之自由缩放命 ...
[html] 如何禁止web端的页面缩放？
[html] 如何禁止web端的页面缩放? <meta name="viewport" content="width=device-width, initial-s ...
【MAC M1芯片】PS已解决在M1苹果电脑上出现“液化”和WEB等黑屏问题
m1 mac安装PS闪退怎么办?m1版的mac哪个的ps不会闪退? 很多刚买20款mac笔记本(M1芯片处理器版)的网友反应在网上下载的大部分PS mac版的安装包,安装好后都出现报错和闪退,导致根本 ...
【MAC M1芯片】PS已解决在M1苹果电脑上出现“闪退”“液化”和WEB等黑屏问题
m1 mac安装PS闪退怎么办?m1版的mac哪个的ps不会闪退? 很多刚买20款mac笔记本(M1芯片处理器版)的网友反应在网上下载的大部分PS mac版的安装包,安装好后都出现报错和闪退,导致根本 ...

uniapp的web-view 无法自由缩放（已解决）

废话不多说，直接上代码

uniapp的web-view 无法自由缩放（已解决）相关推荐

最新文章

热门文章