uniapp 详情修改返回列表刷新数据逻辑

霂沁

已于 2023-03-10 09:20:22 修改

阅读量396

点赞数

分类专栏： uniapp 文章标签： uni-app vue.js javascript

于 2023-03-09 11:19:41 首次发布

本文链接：https://blog.csdn.net/qq_41646185/article/details/129418521

版权

uniapp 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章描述了一个用于记录和更新不同模块修改次数的JavaScriptutility函数集。在doRefresh.js中，定义了常量来标识建筑物、房屋和出租房等模块，并提供了setNum和getNum方法来增加计数和获取当前计数。在list.vue文件中，这些函数被用于列表的生命周期钩子，以便在页面显示和隐藏时跟踪变化，以及在详情页面中提交修改时记录更新。

摘要由CSDN通过智能技术生成

文件 utils/doRefresh.js

记录：不同模块的修改次数

export const BUILDING_KEY = 'building';	// 建筑物列表
export const HOUSE_KEY = 'house';		// 房屋
export const RENTAL_KEY = 'rental';		// 出租房
const map = {
	[BUILDING_KEY]: 0,	// 建筑物 修改次数
	[HOUSE_KEY]: 0,		// 房屋 修改次数
	[RENTAL_KEY]: 0,	// 出租房 修改次数
	// ... 其他列表、模块
}

/**
 * 更新修改次数
 */
export function setNum (key) {
	if (typeof(map[key]) === 'undefined') {
		map[key] = 0;
	}
	map[key]++;
}

/**
 * 获取修改次数
 */
export function getNum (key) {
	if (typeof(map[key]) === 'undefined') {
		map[key] = 0;
	}
	return map[key];
}

列表 list.vue

建筑物列表

import { BUILDING_KEY, getNum } from '@/utils/doRefresh.js';
export default {
	data() {
		return {
			num: getNum(BUILDING_KEY)	// 初始化
		}
	},
	onHide() {
		this.num = getNum(BUILDING_KEY);	// 离开页面 保存 当前修改次数
	},
	onShow() {
		if (this.num !== getNum(BUILDING_KEY)) {	// 回到页面 判断 是否有发生修改
			// 刷新列表数据
		}
	}
}

详情

建筑物详情、修改、新增

import { BUILDING_KEY, setNum } from '@/utils/doRefresh.js';
export default {
	methods: {
		submit() {
			// 提交 新增、修改数据
			setNum(BUILDING_KEY);	// 记录 发生修改
		}
	}
}