vue删除表格内的数据后局部刷新页面

遇到的问题：如标题。

https://www.cnblogs.com/Yachne/p/11864523.html

上面博客，第一眼没看太懂，所以打算整理一下

解决思路：把调用api，加载数据做成一个方法（onSeach），用created初始化，再在删除/添加方法里重新加载该方法（onSeach），这样就实现了页面局部刷新页面。

另有两个方法会刷新整个页面，造成短暂空白，不太建议用。

location.reload()

this.$router.go(0)

把加载页面数据的请求做成一个方法

这里我用的时vuex，也可以直接请求数据，和直接请求一样的结果

created初始化数据

在刷新/删除方法里使用onSeach

这样就实现局部刷新了。

原文地址：https://www.cnblogs.com/vokiinnn/p/12623793.html

时间： 2024-10-31 04:50:41

vue删除表格内的数据后局部刷新页面的相关文章

怎么把excel表格内的数据导入数据库？

第一种方法: 思路:想要把excel表格内的数据直接导入数据库不是那么容易,可以把excel表格另存为.csv格式的文档(特点:内容以逗号分割):然后通过一系列的文档操作函数处理成为一个二维数组,然后再进一步处理即可导入数据库 思路正确但有时会出现问题(explode这里会出现问题,因为数据中可能也包含","号所以一般不采用此方法,请看第二种方法) 1:准备一个需要导入数据的excel表格: 2:另存为.csv后缀的文档(特点:内容以逗号分割) 3:进行文档操作函数处理 1 $file

删除三星内置输入法后千万不要加密设备

三星手机root后,不少用户会删除三星内置输入法而去选择安装第三方输入法.过后,用户可能又想试一下"加密设备"功能,要加密设备首先要设置密码,设置密码就需要键盘.加密设备后,以后手机开机都需要输入密码了.但问题是,在输入开机密码前,第三方输入法也被加密了,自然第三方输入法就加载不了.而要开机就必须输入密码,那么就导致无键盘可输入密码,因为你已经把原厂内置的输入法给删除卸载了! 猜想一下,卸载一些内置应用后再加密设备会出现一些什么现象?加密设备会加密除系统应用外的第三方应用,那么会导致第

解决在mysql表中删除自增id数据后，再添加数据时，id不会自增1的问题

https://blog.csdn.net/shaojunbo24/article/details/50036859 问题:mysql表中删除自增id数据后,再添加数据时,id不会紧接.比如:自增id 1 2 3 4 现在删除4,就变成了 1 2 3 这时候,如果增加一条数据,会变成 1 2 3 5 上面5不是我们想要的结果,4才是理想的id,解决方法是,在删除4之后,执行下面的sql语句: ALTER TABLE table_name AUTO_INCREMENT = 1; 原文地址:http

ionic局部刷新页面与刷新整个页面

1.全局刷新,禁用缓存: 在app.js中设置cach:false,如下: .state('material', { url: '/material', cache:false, templateUrl: 'templates/commonusefunction/material.html', resolve: load([ 'js/controllers/commonusefunction/materialController.js', ]) }) 2.局部刷新页面,加载一部分数据的情况: 在

jQuery实现局部刷新页面数据绑定

今天遇到了一个问题:怎么样才能做到只刷新页面中的Repeater控件中的数据,在不用UploadPannel的情况下? 试了好多方法,无意间在看jquery文件时发现,使用load()方法即可解决此问题. 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>当前页(WebForm1.a

解决window.history.go(-1)执行后不刷新页面的问题

在iphone上出现了window.history.go(-1)执行后不刷新页面的问题,安卓不会有这个问题. 解决方法为在返回后的页面加上: window.addEventListener('pageshow', function(e) { //如果检测到页面是从“往返缓存”中读取的,刷新页面 if (e.persisted) { window.location.reload(); } }); 原文地址:https://www.cnblogs.com/luoyihao/p/12665868.ht

Linqpad使用（调试Linq、结合linq调试业务场景、表格内编辑数据）

linqpad是一款linq语句调试工具,功能如下: 1.直接执行linq语句并查看生成的原生sql语句 2.可结合linq+C#代码进行业务场景调试 3.表格内直接新增.修改.删除数据 4.直接执行SQL语句 官方下载网站:http://www.linqpad.net/ 版本分别: Free:免费版,提供最基本的功能 Premium:高级版,需要购买,提供智能提示功能(非常重要,可自行搜索下载) 以Sqlserver的Northwind数据库为例,讲解一下使用方法: 一.执行简单的linq语句

vue删除列表数据，重新刷新页面

今天重构医废平台h5页面快要完工的时候,测试大哥又给我找了个bug,当列表中只有一条数据时,删除后还保留着,不能重复删除,但是列表中有多条数据时不会出现保留数据的情况,是我一时傻了,究其原因是删除数据后没有重新加载页面.我自己尝试着删除数据后重新获取列表数据,数据还是保留着,又试了试路由跳转的方法,还是不行,从网上找了个不大合适的方法(我觉得挺好的),使用this.$router.go(0),会强制刷新,出现空白页面体验不好.还有一种最佳方法,我没有尝试,因为this.$router.go(0)

利用ajax实现与php数据交互，并局部刷新页面

本文主要有以下几个要点: ajax的基本语法结构 jQuery基本语法 json数组基本结构 ajax回调函数中的json数组解析及局部刷新 php基本语法 ajax与php的对接 php中post数据提交方式与接收 ajax基本语法$.ajax({ type: "post", //数据提交方式(post/get) url: "demo.php", //提交到的url data: {username:username,password:password},//提交的