html5页面如何插入小程序

html5页面如何插入小程序

1.打开微信小程序开发工具，新建一个项目；

2.在新建的页面文件中，插入按钮并添加bindtap跳转事件；

<buttontype="primary"bindtap="jumoPage"class="btn">跳转</button>

3.新建一个HTML5页面，定义函数jumpPage，定义变量nurl，给purl设置值;

<scripttype="text/javascript">
data:{
purl:''
},
jumpPage(){
varnurl='page.html?userId=1'
this:nurl
}()
},
</script>

4.最后，调用微信小程序中的navigateTo，进行界面跳转，便可。

<scripttype="text/javascript">
jumpPage(){
varnurl='page.html?userId=1'
this:setData({
purl:nurl
})
wx.mavigateTo({
url:nurl,
})
},
</script>

本文来源：https://www.yuntue.com/post/80153.html | 云服务器网，转载请注明出处！