uniapp uview navbar h5返回上一页配置

uniapp yekong

uniapp uview navbar在h5端返回上一页有时候会失灵,这时候就需要微调一下了。

找到u-navbar源文件

修改leftClick


leftClick() {
	// 如果配置了autoBack,自动返回上一页
	this.$emit('leftClick')
	if (this.autoBack) {
		const pages = getCurrentPages()
		if (pages.length === 1) {
			if (this.backUrl) {
				uni.redirectTo({
					url: this.backUrl
				})
			} else {
				history.back()
			}
		} else {
			uni.navigateBack()
		}
	}
},

增加参数backUrl

backUrl: {
	type: String,
	default: ''
},

配置一个没有历史记录时,要返回的页面

<u-navbar title="我的" backUrl="/pages/home/home" :placeholder="true" :safeAreaInsetTop="true" @rightClick="logout" rightText="退出"
	:autoBack="true">
</u-navbar>
喜欢