html5页面如何插入小程序

html5 小程序

1175

2020/12/9 8:50:05

栏目: 云计算

html5页面如何插入小程序

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

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

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

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


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

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


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

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

html5页面如何插入小程序

最新知识库

相关标签