deleteAction(that.url.delete, {id: id}).then((res) => { if (res.success) { //重新计算分页问题 that.reCalculatePage(1) that.$message.success(res.message); that.loadData(); } else { that.$message.warning(res.message); } }); }, reCalculatePage(count){ //总数量-count let total=this.ipagination.total-count; //获取删除后的分页数 let currentIndex=Math.ceil(total/this.ipagination.pageSize); //删除后的分页数<所在当前页 if(currentIndex<this.ipagination.current){ this.ipagination.current=currentIndex; } console.log('currentIndex',currentIndex) },
时间: 2023-06-18 11:06:24 浏览: 81
这是一个前端Vue.js的方法,主要实现了删除数据后重新计算分页的功能。首先调用了一个deleteAction方法,将要删除的数据的id传入。如果删除成功,则调用reCalculatePage方法重新计算分页。reCalculatePage方法首先获取当前分页的总数,然后减去删除的数量,得到删除后的总数。接下来计算删除后的分页数,如果删除后的分页数小于当前所在页数,则将当前页数设为删除后的分页数。最后,打印输出删除后的分页数。
相关问题
handleDelete: function (id) { if(!this.url.delete){ this.$message.error("请设置url.delete属性!") return } var that = this; deleteAction(that.url.delete, {id: id}).then((res) => { if (res.success) { //重新计算分页问题 that.reCalculatePage(1) that.$message.success(res.message); that.loadData(); } else { that.$message.warning(res.message); } }); },
这是一个 Vue.js 组件的方法,用于处理删除操作。具体解释如下:
- 首先判断是否设置了 `url.delete` 属性,如果没有则会提示错误并返回。
- 然后定义一个变量 `that` 保存当前组件实例的引用,以便在回调函数中使用。
- 调用 `deleteAction` 函数,该函数接受两个参数:删除的 URL 和要删除的数据的 ID。该函数返回一个 Promise 对象,当异步操作完成后,会执行回调函数。
- 在回调函数中,判断异步操作的结果:如果删除成功,则重新计算分页问题,显示成功提示信息,并重新加载数据;否则,显示警告提示信息。
- 注意,`reCalculatePage` 和 `loadData` 是该组件的其他方法,用于重新计算分页和重新加载数据。
if (type == -1 && this.isStoreup) {//取消收藏 this.$http.get('storeup/list', { params: { page: 1, limit: 1, type: 1, refid: this.detail.id, tablename: 'lvyoujingdian', userid: localStorage.getItem('userid') } }).then(res => { if (res.data.code == 0 && res.data.data.list.length > 0) { this.isStoreup = true; this.storeupInfo = res.data.data.list[0]; let delIds = new Array(); delIds.push(this.storeupInfo.id); this.$http.post('storeup/delete', delIds).then(res => { if (res.data.code == 0) { this.isStoreup = false; this.$message({ type: 'success', message: '取消成功!', duration: 1500, }); } }); } });
这是一段 Vue.js 的代码,用于取消收藏操作。首先判断 `type` 是否为 -1 并且 `isStoreup` 为 `true`,如果是,则向服务器发送 GET 请求,获取收藏列表中与当前详情页关联的收藏记录。如果获取到了数据,将 `isStoreup` 设为 `true`,并将收藏信息存储到 `storeupInfo` 中。接着构造一个数组 `delIds`,将当前收藏记录的 ID 添加到其中,并向服务器发送 POST 请求执行删除操作。如果删除成功,则将 `isStoreup` 设为 `false`,并显示一个成功的提示消息。
阅读全文