uniapp顶部导航栏返回上一级页面代码实现
时间: 2023-09-05 16:07:54 浏览: 233
微信小程序返回上一级页面的实现代码
要在uniapp中实现顶部导航栏返回上一级页面的代码,你需要在wxml文件中添加一个返回按钮,然后在js文件中定义一个函数。以下是示例代码:
wxml文件:
```
<view class="nav-bar">
<view class="nav-back" bindtap="goBack">
<image src="../assets/images/back.png"></image>
</view>
<view class="nav-title">{{title}}</view>
</view>
```
js文件:
```javascript
methods: {
goBack() {
uni.navigateBack({
delta: 1
})
}
}
```
在goBack函数中,我们使用uni.navigateBack方法来返回上一级页面,delta参数指定返回多少级页面,这里我们只返回上一级页面,所以为1。
阅读全文