AI编程助手
AI免费问答
文章
专题
AI工具
学习
下载
问答
源码
最近更新

技术文章  >  web前端 > uni-app

uniapp怎么刷新当前页面

coldplay.xixi   2020-12-16 17:19   72568浏览 原创
uniapp刷新当前页面的方法：首先创建uni-app，并新建页面文件；然后添加页面跳转，并新建后退页面；接着配置页面路径；最后保存预览查看即可。

本教程操作环境：windows7系统、uni-app2.5.1版本，该方法适用于所有品牌电脑。

推荐（免费）：uni-app开发教程

uniapp刷新当前页面的方法：

1、打开HBuilderX开发工具，创建一个uni-app项目，并打开项目

420e13c0287e9ee99fbabfc8b074e38.png

2、打开已新建的页面文件，在view标签中插入navigator，并添加url属性

7db0dd5075973dd67a2727e1b626e9e.png

3、再新建一个页面，添加navigator并设置后退按钮

625884741ad5cd305ffd8946a2660f0.png

4、打开pages.json文件，将index配置放在最前面

f1c428e5d59a62381748c4e5d5f5ee7.png

5、保存代码并进行编译，打开微信开发工具，查看界面效果

63f13ce4fe7e7e914aa104ba52bd7a2.png

6、点击前进按钮，可以发现界面发生了跳转，并发生了改变

330d4d4cd198c3edc453990963633a5.png

7、在后退的页面onLoad生命周期函数中，添加一个location.reload()

0d0838a5a85fab4f0baa76de48844ce.png

相关免费学习推荐：php编程（视频）

PHP速学视频免费教程(入门到精通)

PHP速学视频免费教程(入门到精通)

PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
uniapp php json 并发 location uni-app
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：uniapp怎么去掉标题栏 下一条：uniapp如何实现增加提示的功能

相关文章

查看更多

最新文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！