您的位置:首页 > 技术中心 > 前端框架 >

uniapp如何点击按钮实现跳转界面

时间:2022-02-11 17:49

uni-app点击按钮实现跳转界面的方法:首先创建好要跳转的页面路径;然后接收的页面里面简单标识,并点击按钮就会跳转到新页面;最后通过指定type跳转到当前页和底部tab页面。

本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。

推荐(免费):uni-app开发教程

uni-app点击按钮实现跳转界面的方法:

1、首先在页面中直接用navigator,里面加上url即可,如下图所示

0eb2419648e2c694efdf34bd71643e4.png

2、然后创建好要跳转的页面路径,如下图所示

cedef1640f03f29274971afe9e346c9.png

3、接收的页面里面简单标识一下即可,如下图所示

402e34c836a0858557bc2865e3fd800.png

4、运行既可以看到按钮,如下图所示

217cc440e6c3c1ba12be70b97c991c9.png

5、点击按钮就会跳转到新页面,如下图所示

52ead4b00db1ed74db2ce812fc8ffcb.png

6、最后还可以通过指定type跳转到当前页和底部tab页面,如下图所示

45f26479d6584924a2284d477cb2c2e.png

相关免费学习推荐:编程视频

以上就是uniapp如何点击按钮实现跳转界面的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游