qq小程序实现点击按钮跳转页面基础教程【精品小程序实战基础教程】
qq小程序实现点击按钮跳转页面基础教程：
在qq小程序中，按钮标签<button>，通过bindtap属性绑定点击事件：
例如：<button bindtap = “tiaozhuan【事件名】”></button>
那么怎么实现qq小程序实现点击按钮跳转页面呢？
其实很简单，首先在qml中创建一个按钮，然后在js里面写一个关于跳转页面的函数：
tiaozhuan:function(){qq.navigateTo({url: “/pages/index/index”,})}
qq小程序中需要用到的所有界面都要在app.json中申明【不存在的页面如果申明，系统会自动创建对应页面文件】
不然就会报错：navigateTo:fail url “pages” is not in app.json
qq小程序两个按钮分别对应两个页面教程：
<button bindtap = ‘gotoPage1’>;
<button bindtap = ‘gotoPage2’>;
js:
gotoPage1: function(){
wx.navigateTo({ url: ‘/pages/index/talkPage1’, })
}
gotoPage2: function(){
wx.navigateTo({ url: ‘/pages/index/talkPage2’, })
}
上面是很容易看懂的写法，当然也可以绑到一个gotoPage函数上面，通过参数实现小程序跳转到不同页面：
<button id=”1″ bindtap = ‘gotoPage’>;
<button id=”2″ bindtap = ‘gotoPage’>
js：
gotoPage: function(event){
const number = event.target.id;//1或者2得到点击了按钮1或者按钮2
const url = “/pages/index/talkPage” + number;//得到页面url
wx.navigateTo({
url: url,
})
}
本站为避免不必要的纷争，分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台，站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意，所以如有遗漏资源侵犯了您的合法权利，请联系站长删除。
【小程序源码网资源下载使用说明】：
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用，任何人不得作其他用途，违者自行承担所有责任。
【小程序源码网毫无人看的介绍】：
本站又称Z站，原名贼娘网，开站于2018年，换过三任站长，目前站长是第四任站长，本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站，主要小程序资源有用于学习的小程序源码，也有正版原创可商用的小程序源码，是一个公益博客型网站。
【小程序源码网原创源码版权申明】：
未经小程序源码网许可，任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内，版权无使用限制)，否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】：
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习，任何人不得作其他用途，违者自行承担所有责任。
【小程序源码网站长最后的屁话】：
如有您认为本站有任何侵犯您合法权益的文章，或者您有什么疑问需求，欢迎联系站长QQ，站长24小时在线，备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理，如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论，就不用加站长啦，对于白嫖党，QQ群才是处理问题的天堂，当然站长也欢迎大家骚扰~
小程序源码网 » qq小程序实现点击按钮跳转页面基础教程【精品小程序实战基础教程】
