Rumah >hujung hadapan web >uni-app >uniapp如何点击按钮实现跳转界面

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

coldplay.xixi
coldplay.xixiasal
2020-12-09 11:00:0521699semak imbas

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

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

Atas ialah kandungan terperinci uniapp如何点击按钮实现跳转界面. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:uniapp如何获取dom节点Artikel seterusnya:uniapp如何设置滚动条