温馨提示×

html5页面如何插入小程序

九三
519
2020-12-09 08: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>

0