当前位置:首页 > 日记 > 正文

vue.js实现刷新当前页面的方法教程

vue.js实现刷新当前页面的方法教程
前言

Vue.js(是一组用于构建用户界面。增量框架不像其他重量级框架,Vue采用底发展设计。Vue核心库集中在视图层、数据驱动的前端框架

当我们开发Vue页,我们有时会遇到需要刷新当前页面的功能。然而,在Vue框架带来的路由器不支持当前页面的刷新功能。它只支持在路由路径改变时刷新页面。基于这一原则,为了刷新页面,您可以先跳转到一个空页面,然后立即跳转以实现此功能。

开发工具环境

vue.js
webstorm
方法如下
一、原则

如上图所示,我们需要写一个空白页面自动跳转回刷新页面,当用户操作,页面,页面跳转到空白页,然后空页跳到一个页面,然后就去重装Vue一页。这个方法可以改变自我刷新,而缺点是空页将成为更多的时候你需要更多的页面刷新。
两。当前页事件监视

如上图所示,我们定义refreshpage方法,该方法是一个具体的事件回调,将在这个方法中处理业务逻辑,然后到一个空的页在路由器跳最后使用Vue,空页的路由路径 /用户/回来,这条路是用它,你可以选择你自己的道路
三,空白页的写作

如上面所示,在空白页面中立即执行路由,回到原来的页面,然后将原来的页面重新加载,以实现刷新。
四。注意事项
本文所使用的方法,其实是一种黑客方法,在极端情况下,如网络极端,那么跳转到空页面后可能会出现跳转,不会跳转,或者干脆跳转到清空页面,您需要根据自己的项目选择合适的。

总结

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一定的帮助。如果有任何疑问,您可以留言交流,谢谢您的支持。

相关文章

PS图象处理软件技术:选择与ALT锁定

PS图象处理软件技术:选择与ALT锁定

图象处理,锁定,选择,软件技术,电脑软件,当你不想移动它时,大部分锁定图层,但是有时候我需要移动它,可能是因为太多的图层要找,即使选中直接选中也不能选择锁定,这个时候只要按住map层,Alt键点击就可以锁定在画布上了。不仅如此,事实上,锁定层仍然可…

如何excel2010快速选择方法步骤为

如何excel2010快速选择方法步骤为

快速选择,步骤,方法,地区,电脑软件,In the excel if the data rows or columns is very large, for example, about 5000 lines of data, to start from A1 to E5000 in addition to use the mouse to drag the selected choice, there is …

PS图象处理软件使用的插件使景区美

PS图象处理软件使用的插件使景区美

软件使用,图象处理,插件,景区,意境,通常我们可以看到两种不同的风景,一个是自己眼中的风景,一个是在别人眼里的风景。我们总是感叹,在影片中呈现的图片都很大气,和回到现实,想知道为什么他们不能使自己的思想,但你有没有想过你可能被欺骗,当你看到…

用CSS属性实现透明的各种三角形示

用CSS属性实现透明的各种三角形示

三角形,属性,透明,示例代码,电脑软件,结果如下 示例代码 * { 保证金:0; 填充:0; } 箱{。 保证金:40px汽车; 宽度:60px; 背景颜色:# f0ac6b; } T1 {。 保证金:40px汽车; 宽度:0px; 身高:0px; / *背景颜色:* # f0ac6b; 底部边框:40px固体红; 边境:20px固体透明; 左…

AI创建一个无缝拼贴背景图案的夏季

AI创建一个无缝拼贴背景图案的夏季

游泳池,创建一个,夏季,图案,背景,今天,萧边将与你分享爱的方式创造夏天池的主题无缝拼贴。这个教程很实用。喜欢的朋友,可以参考这篇文章,希望大家喜欢。 在游泳池的生活是更好的舒适的夏天,我们学习这门课程,你将学习如何创建一个无缝泳池的主…

Dreamweaver如何向网页添加下拉栏

Dreamweaver如何向网页添加下拉栏

网页,电脑软件,Dreamweaver,在网页制作中,我们经常需要设置一个滚动条。当页面打开时,滚动条将自动下降到最后。如图所示,此滚动条可以放置图片、广告或公告等,并学习如何设置。 软件名称:Adobe Dreamweaver CC 2017 v17.0中文破解版(附破解补丁…

js实现了右键自定义菜单。

js实现了右键自定义菜单。

自定义菜单,右键,实现了,电脑软件,js,这个例子为大家分享了右键自定义菜单的具体代码,供大家参考,具体内容如下 { #菜单 身高:200px; 宽度:50px; border: 1px solid灰色; 背景颜色:Antiquewhite; 填料:10px; 显示:无; 位置:绝对; } Ul, {李 保证金:0; 填充:0…

表字段标题自动添加到Excel表格Exc

表字段标题自动添加到Excel表格Exc

操作方法,表字,表格,版中,标题,我们都知道,在Excel 2007版,功能更强大,许多有用的功能,可能很多朋友不知道如何使用,在Excel 2007中可以自动添加表格字段标题的功能,今天是很神秘的,,萧边教你在Excel 2007版的表格自动添加表格字段的操作技能的标题…

如何在Excel中输入ID号、excelID号

如何在Excel中输入ID号、excelID号

输入,窗体,输入法,如何在,电脑软件,Excel身份证号码不完整。你认为你会遇到这样的问题吗那么如何在excel中输入ID号呢萧边为您编译,在Excel中身份证号码的输入方法,希望对你有帮助! excel身份证号码输入法 方法1。在单元格中输入单引号 输…

PS图象处理软件绿色婚礼电影柔软和

PS图象处理软件绿色婚礼电影柔软和

图象,处理软件,柔软,婚礼,黄色,颜色不复杂,只需在黑暗中加些温暖和深红色,但材质图片的基调是单一的。暗红色需要单独添加。首先,确定高光泽的位置,然后在它周围加上深红色,并突出它到黄色: 最终效果图 原 1。打开原材料,创建一个可选的色彩调节…

PS绘制低多边形风格熊猫肖像插画

PS绘制低多边形风格熊猫肖像插画

绘制,熊猫,多边形,肖像,插画,摘要和象形之间的低多边形风格,是一种强烈的图解式的表现,也可能用于本振设计。渲染过程是非常简单的,特别是在AI,使用颜色三角形可以拼成,设计师要做的是选择和控制色彩,从而更好的阴影的物体的性能和突出的关系。 …

通过使用appendChild排序标签JS实

通过使用appendChild排序标签JS实

排序,标签,电脑软件,appendChild,JS,按照从大到小的顺序 AppendChild: 如果父节点有B,然后a.appendchild(B)的作用是:1、先删除子节点B从父;2。将子节点B添加到a,并将其放在结尾。 提交 三十二 二百四十三 四十三 二十四 二 八十四 八十四 二十…