element ui刷新页面时保留当前分页

<script >
export default {
data() {
return {
total: 100,
pageSize: 5,
pageNo: 1,
}
},

created() {
this.pageNo = Number(localStorage.getItem(‘pagination‘)) || 1;
this.pageChange(this.pageNo);
},

beforeUpdate() {
localStorage.setItem(‘pagination‘, this.pageNo);
},

beforeDestroy() {
localStorage.setItem(‘pagination‘, ‘1‘);
},

methods: {
pageChange(pageNo) {
this.loading = true;
this.pageNo = pageNo;
}
}

}

</script>

原文地址:https://www.cnblogs.com/wplcc/p/11031601.html

时间: 2024-08-01 02:18:14

element ui刷新页面时保留当前分页的相关文章

刷新页面时 select值保持不变

刷新页面时,要使下拉菜单(select).raido保持不变,用ajax是无法实现的.我想只能通过cookies才能实现.刷新前先把select或radio的值保存在cookies中,刷新后再填回去.下面是测试代码: [html] view plain <select name="sex" id="sex" onchange="save()"> <option  value="01" selected >

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

解决让刷新页面时不提示 &quot;重试或取消”对话框

如果刷新一个已经提交过的页面时,系统总是会提示一个 "重试或取消”的对话框.,如果是一个普通的页面,好象也无所谓,有就有,大不了多点一下.但是当我们是在子窗体中刷新父窗体时,就显得有点多余了.所以就想把这个对话框给去了.找了很的办法.总结一下. 一, window.opener.location.reload() 如果改页面没提交过,这个方法好使.但是这个页面一旦提交过后,系统就会提示"重试或取消”的对话框. 二 window.opener.location = window.open

jQuery实现发送验证码30s倒计时,且刷新页面时有效

在这里讲一讲这个案例的实现思路吧(个人见解)..核心思想:为防止页面刷新时倒计时失效的解决方案是:当每次刷新一次页面时都执行一个函数 即下面讲到的 setStyle() 函数.这个函数会根据当前的 cookie 值判断 是否处于倒计时阶段 ,因为 cookie 值不会随着 网页的刷新而改变. 最后面已附上全部代码可直接复制下来借鉴一下. 1.本案例用到了 jQuery,第一步:页面引入 jQuery. <script src="https://cdn.bootcss.com/jquery/

刷新页面时出现提示

<script type="text/javascript"> var unloadPageTip = function(){return "刷新页面有可能会丢失数据";}; window.onbeforeunload = unloadPageTip; </script>

ScrollView 嵌套 ListView 时,刷新页面时,会出现 自动 滚动至listview 的区域 解决方案:

在页面切换  的时候,可能会出现  因listview 数据加载 而 导致  该页面展示的位置为 该listview区域. 解决方案:可在ScrollView中添加 android:descendantFocusability="blocksDescendants" 概述: android:descendantFocusability Defines the relationship between the ViewGroup and its descendants when look

表单出错,回到原页面时保留所有表单信息。

PHP中的 session_cache_limiter() 函数是指定会话页面所使用的缓冲控制方法. 语法:string session_cache_limiter ( [string cache_limiter])cache_limiter 要设置的缓存限制的名字返回缓存限制的名字 但是要值得注意的是session_cache_limiter()方法要写在session_start()方法之前才有用. 实际应用: 在开发过程中,往往因为表单出错而返回页面的时候填写的信息都不见了,为了支持页面回

Element ui 中使用table组件实现分页记忆选中

我们再用vue和element-ui,或者其他的表格的时候,可能需要能记忆翻页勾选,那么实现以下几个方法就ok了 首先定义个data值 data () { return { multipleSelectionAll: [], // 所有选中的数据包含跨页数据 idKey: 'personId' // 标识列表数据中每一行的唯一键的名称(需要按自己的数据改一下) } } 方法中定义以下: methods : { // 设置选中的方法 setSelectRow() { if (!this.multi

编写一个实现页面计数,要求当刷新页面时,不增加计数

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS