微信小程序页面跳转

WXML

<text>我是PageA</text>
<view class="menu">
<button type="primary" bindtap="toPageB">toPageB</button>
</view>


渲染层给button组件定义bindtap事件绑定

JS

Page({
toPageB: function () {
wx.navigateTo({
url: '/pages/PageB/PageB'
})
}
})


逻辑层接收到点击事件执行并跳转PageB

其他无关紧要

WXSS

button{
margin: 10rpx 0;
}

JSON

{
"navigationBarTitleText": "PageA",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}

posted @ 2019-12-28 21:58  望天吼  阅读(78)  评论(0)    收藏  举报