微信小程序一个页面有两个按钮,分别点击进入不同页面,给出代码
时间: 2024-05-15 20:15:14 浏览: 174
这是一个简单的微信小程序,其中有一个页面,包含两个按钮,点击不同的按钮会进入不同的页面。
1. 在app.json文件中设置两个页面的路径:
```json
{
"pages": [
"pages/index/index",
"pages/page1/page1",
"pages/page2/page2"
]
}
```
2. 在index页面的wxml文件中添加两个按钮:
```html
<view class="container">
<button bindtap="gotoPage1">进入页面1</button>
<button bindtap="gotoPage2">进入页面2</button>
</view>
```
3. 在index页面的js文件中添加两个按钮的点击事件:
```js
Page({
gotoPage1: function() {
wx.navigateTo({
url: '/pages/page1/page1'
})
},
gotoPage2: function() {
wx.navigateTo({
url: '/pages/page2/page2'
})
}
})
```
4. 在page1和page2页面的wxml文件中添加一个返回按钮:
```html
<view class="container">
<button bindtap="goBack">返回</button>
</view>
```
5. 在page1和page2页面的js文件中添加返回按钮的点击事件:
```js
Page({
goBack: function() {
wx.navigateBack()
}
})
```
这样就完成了一个页面有两个按钮,点击进入不同页面的微信小程序。
阅读全文