vue刷新当前页面,刷新数据,更新数据

news/2024/7/10 1:58:32 标签: vue, html, js, jquery

第一种: this.$router.go(0)
这种就是让整个页面重新加载一次,但是会出现几秒钟的白屏情况,对用户体验不好。
第二种: location.reload()
这种跟上面类似,都会出现白屏情况。
第三种: provide / inject组合
这种效果比较好,解决了上面出现的白屏情况。
第四种:
先把jquery的模态框隐藏: $(’#id’).modal(‘hide’)
然后再调用需要更新数据的那个方法:this.abc()
这种就比较简洁了,哪个数据需要刷新就调用那个方法,也相当于刷新页面。

以上就是html" title=vue>vue中常用的几个刷新数据的方法,没了,结束了,是不是很简单呐
最后:如果此篇博文对您有帮助,还请动动小手点点关注点点赞呐~,谢谢 ~ ~


http://www.niftyadmin.cn/n/734868.html

相关文章

PHP之Trait详解

自 PHP 5.4.0 起,PHP 实现了一种代码复用的方法,称为 trait。 Trait 是为类似 PHP 的单继承语言而准备的一种代码复用机制。Trait 为了减少单继承语言的限制,使开发人员能够自由地在不同层次结构内独立的类中复用 method。Trait 和 Class 组合…

Echarts基本的实用属性

大家也可以去Echarts官网查看相关属性&#xff1a;echarts官网&#xff0c;下面都是我在官网中提炼和平时工作中所用到的基本常见属性以及一些特殊属性。 基本结构 <html><div id"container" style"width:100px;height:100px"><div> &l…

JavaScript 有关文件上传的总结

1.文件上传时的处理$scope.submit function(){var url $scope._datalistmodel.impexp.imp;var t_file new FormData(document.getElementById(upload_file));//id是form表单的id$http({headers : {content-type:undefined },url : url,data : t_file,method : post,t…

vue js获取当前时间,年月日时分秒

效果图: 话不多说&#xff0c;直接看代码&#xff1a; var date new Date();this.year date.getFullYear();//年this.month date.getMonth() 1;//月this.strDate date.getDate();//日if (this.month > 1 && this.month < 9) { this.month "0" t…

开学测试2018.9.1周年纪念日 BSOJ

描述 输入 输出 样例输入[复制] 5 7322141 5 11 3 72 1 42 3 63 4 52 4 35 4 2样例输出[复制] 11 55 29第一个问题显然是最小生成树&#xff0c;直接上板子就可以了第二个问题稍微要复杂一点首先他是要求一个最小值&#xff0c;我们再来看数据范围发现非常大&#xff0c;n是1e6…

vue中的select下拉框多选

效果图&#xff1a; 代码&#xff1a; <el-select v-model"xxx" multiple value-key"id" collapse-tags change"clk"><el-option v-for"(item,index) in arrs" :label"item.name" :value"item" :key&qu…

Eclipse------启动Server时出现弹窗Server at localhost was unable to start within 45 seconds.

弹窗详细信息&#xff1a; Server Tomcat v8.0 Server at localhost was unable to start within 45 seconds. If the server requires more time, try increasing the timeout in the server editor. 解决方法&#xff1a; 我们找到当前工程的workplace目录&#xff0c;然后按…

element ui表格表头中某列标题用图片图标代替

效果图&#xff1a; 我这里用的是图标代替&#xff0c;图片也是一样的。 最关键的是&#xff1a;:render-header“renderHeader” &#xff0c;他是将列标题替换为其他内容。 话不多说&#xff0c;代码来了&#xff01; HTML&#xff1a; <el-table-column prop"xxx&qu…