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><
·
废话不多说,直接上代码
参考官方网址: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-PLUS
let currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
setTimeout(function() {
wv = currentWebview.children()[0]
wv.setStyle({
scalable: true
})
}, 1000); //如果是页面初始化调用时,需要延时一下
// #endif
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)