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

coldplay.xixi
coldplay.xixi 原创
2023-01-13 00:44:14 17942浏览

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如何点击按钮实现跳转界面的详细内容,更多请关注php中文网其它相关文章!

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