vue+element 给表格添加数据，页面不实时刷新的问题

由于页面加载时，使用了keep-alive,keep-alive具有数据缓存作用，当在添加页面添加成功时，返回主页面没有立即更新。数据有缓存。

解决办法如下：

将获取数据列表的方法放到actived里面，不要放到mounted或者created里面。

actived是专门对keep-alive进行实时更新，亲测有效。

原文地址：https://www.cnblogs.com/zr123/p/11041459.html

时间： 2024-08-29 00:30:53

vue+element 给表格添加数据，页面不实时刷新的问题的相关文章

dojo：为数据表格添加复选框

一.添加复选框此时应该选用EnhancedGrid,而不是普通的DataGrid.添加复选框需要设置EnhancedGrid的plugins属性,如下: gridLayout =[{ defaultCell: { type: cells._Widget, styles: 'text-align: center;' }, cells: [ { name: "WBS", field: "wbsCode", width: "60px"}, { nam

ligerui_实际项目_003：form中添加数据，表格(grid)里面显示，最后将表格(grid)里的数据提交到servlet

实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序图片效果: 总结: //display属性: editor:grid表格可以编辑其类容: //select类型:select+render实现选择填充效果 editor:{ type:"select", data:[{id:"1",text:"品牌一"},{id:"2&q

ajax显示表格详情与添加数据(jQuery ajax - serialize() 方法)

0.表格样式 1.显示详情第一种方法:利用表格的基本数据与从数据库中获取结合. 主要代码: <c:if test="${danger.dangerstatus eq '已整改'}">  <a href="javascript:void(0)" onClick="el_setFour(this,${danger.dangerid},${danger.followid }

数据库部分---添加/删除数据库，添加/删除表格，往数据库添加数据；

一: 1.创建数据库 create database test2; 2.删除数据库: drop database test2; 3.创建表: create table test ( code varchar(20) , name varchar(20) #varchar是字符串类型,需要加长度(20),code和name都是创建的列的名字,一列写完要写逗号,最后一列不加逗号. ); #

优化数据页面（16）——表题尽量窄于表格

优化数据页面(16)--表题尽量窄于表格设计要点:优化数据页面.界面设计.美化exce 秀秀:你不是"很"有研究么?难道就局限于"提炼"这一条? 阿金:唉,听你说模仿别人的就行,所以俺没有研究动力了. 秀秀:可别呀!你刚讽刺了俺们学文的,就没你事了?说说吧, 阿金:好吧.第二条就是表题要尽量窄于表格的大小. 秀秀:嗯.这有点儿道理,这样符合人们的视觉习惯. 阿金:噢?你又赞同俺的研究了? 秀秀:NO!因为这不是关于"文科"的,而是"视

element ui 表格提交时获取所有选中的checkbox的数据

<el-table ref="multipleTable" :data="appList" @selection-change="changeFun"> <el-table-column type="selection" width="55" class="selection" prop='uuid' :selectable='checkboxInit' @select

vue把输入框的内容添加到页面（简单留言板）

文章地址:https://www.cnblogs.com/sandraryan/ vue最最最简单的demo(记得引入) 实例化一个vue,绑定#app的元素,要渲染的数组arr作为data. 把arr的item渲染到页面,输入内容点击按钮把用户输入的内容添加到页面以及数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&

vue入门003~vue项目引入element并创建一个登录页面

上一节已经教大家如何创建一个vue项目,这一节,我们就温故下vue项目的创建,顺便引入element,实现一个简答的登陆页面. 老规矩,先看效果图一,快速创建vue项目二,引入element类库首先我们进入element官网:https://element.eleme.cn/#/zh-CN/component/installation简单熟悉下element.然后如下图所示引入element类库.做完上面的操作后,不要忘记安装依赖. 三,在main.js里引入使用如下图红色框里所示四,

vue + element ui 阻止表单输入框回车刷新页面

问题在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交. 测试下面的代码出现表单回车提交 <body> <div id="app"> <el-form ref="form" :model="form" label-width="80px"&