从小白开始的HBuilder生活(一)------实现Hbuilder页面跳转

本文介绍了在uni-app开发中如何在页面跳转前在Pages.json中添加路径,强调了Pages.json对页面管理的重要性,与VSCode中的router进行了对比。

因为是个人的见解,为了能通俗理解,不会用上很多专业词汇

有个很关键的点在于,在进行页面跳转之前,需要在Pages.json中添加跳转路径,在我寻找的过程中,我发现很多作者都跳过了这一步

		{"path": "pages/tables/BarChar",
		"style": {
			"navigationBarTitleText": "uni-app"
		}}

然后就是在页面中正常使用,首先是在tamplate中

			<span><button @click="ToBarChar">{{secound}}</button></span>

然后是在script中

			ToBarChar(){
				uni.navigateTo({
					url:'/pages/tables/BarChar'
				})
			}

这样就能实现页面跳转
关键在我看来,这样细分下去的思想很不错,因为有了pages.json这个步骤,就能管理页面,而这也是和我之前在vscode中类似的地方,之前的vscode是使用router进行管理,也很方便,暂时就先写这么点,有时间我会在下面更新两者具体有什么区别,以及进行部分的拓展。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值