uniapp(小程序)和webview之间的传参
uniapp和webview间主要是靠url
//uniapp中的页面
<template>
<web-view :src="url"> </web-view>
</template>
<script>
export default {
data() {
return {
url:"https://www.baidu.com?part_id=1&type=0&filename=Jack"
}
}
}
</script>
//webview文件
<script>
export default{
data(){
return{
part_id:"",
type:"",
filename:""
}
}
methods:{
onload:function(options){
this.part_id = options.part_id;
this.type = options.type;
this.filename = options.filename;
}
}
}
</script>
复制代码
总结
传参总体来说比较简单,但是存在一个问题我没有解决,
需求是这样的,从小程序传递一个参数过来,让微信的navigator上显示文件名字
但是实际解决起来
uniapp页面
模型没有加载完成之前
模型加载完成之后
会显示webview的index.html的title的名字,尝试了使用dom操作页面,但这样会导致页面整个页面重排,而且样式出错,暂时没有找到解决的办法