html5页面如何插入小程序 网页怎么添加小程序

文章摘要：html5页面如何插入小程序 网页怎么添加小程序

1.打开微信小程序开发工具，新建一个项目； 2.在新建的页面文件中，插入按钮并添加bindtap跳转事件； & […]

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>