首页  >  文章  >  web前端  >  uniapp如何点击按钮实现跳转界面

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

coldplay.xixi
coldplay.xixi原创
2020-12-09 11:00:0521659浏览

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

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

本教程操作环境: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如何点击按钮实现跳转界面的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn