首页 > 其他分享 >uniapp编辑页修改数据后返回到列表页(上一页)或首页,列表页或首页数据不刷新问题

uniapp编辑页修改数据后返回到列表页(上一页)或首页,列表页或首页数据不刷新问题

时间:2024-03-22 11:57:33浏览次数:28  
标签:uniapp refreshData 刷新 列表 首页 一页 数据

uniapp编辑页(当前页)等修改数据后返回到列表页(上一页)或多次返回上一页到首页(非上一页),列表页或首页数据不刷新问题

解决方法:

一、返回到列表页(上一页)

  1、首先在编辑页的修改数据的成功回调中调用uni.$emit('refreshData');向上一页传递refreshData事件

  2、然后在列表页(上一页)的onLoad函数中监听refreshData事件

  例:

  编辑页(当前页)js:

        submitForm(){//提交表单
            this.$refs.form.validate().then(res=>{
                add(this.formData).then((res)=>{
                    if(res.code == 200){
                      toast('新增成功')
              //返回上一页 this.goBack()
              //刷新上一页对应数据 uni.$emit('refreshData'); } }) }).catch(err =>{ console.log('表单错误信息:', err); }) },

列表页(上一页)js:

onLoad() {
      uni.$on('refreshData',() => {
      //刷新对应数据 this.page.pageNum = 1 this.croplandList = [] this.initList() }); },

二、返回到首页(非上一页)

当前页无需其他js代码

首页js:

onShow() {//重新请求上一页操作的对应数据的接口,刷新数据
   this.getTaskWaitingTotal()
},

 

标签:uniapp,refreshData,刷新,列表,首页,一页,数据
From: https://www.cnblogs.com/YiFeng-Liu/p/18089145

相关文章

  • 新人学习笔记之(CSS背景和列表)
    一、CSS背景    1.background-color        1)background-color:颜色ltransparent(black)颜色值(颜色名|rgb|十六进制)背景区包括内容内边距,边框,不包括外边距.box1{background-color:red;}    2.background-image     ......
  • 文章分类列表(2024-3-21)
    //CategoryCOntroller@GetMappingpublicResult<List<Category>>list(){List<Category>cs=categoryService.list();returnResult.success(cs);}//ServiceList<Category>list();//ServiceImpl@Override......
  • Pytorch神经网络-元组/列表如何喂到神经网络中
    ......
  • uniapp 蓝牙连接斑马打印机发送zpl指令打印
    历程需求是想通过斑马的zpl语言打印小票等,需要用到蓝牙连接。一开始采用的是uniapp自带的蓝牙连接和打印,用的是uni.writeBLECharacteristicValue(OBJECT)方法,蓝牙能正常连接和发送数据。奇怪的是发送蓝牙数据始终都是ok,打印机确是一点动静都没有。基于以上的疑惑,我开始怀疑是u......
  • uniapp怎么获取元素高度,获取元素节点信息,获取界面剩余高度
    一、在uniapp项目开发的过程中,常常需要获取元素的高度信息,来更容易的实现元素的布局控制,使用场景:列入动态的计算容器的高度,设置组件的最小高度等等在获取元素节点信息中,通常有两种情况:①获取单个②获取v-for循环元素的节点信息,话不多说,直接上代码注意:需要在onReady()之后获取,否则......
  • uniapp获取定位导致APP闪退
    刚开始用setInterval定时1秒获取地图定位,因为uni.getLocation经常会返回失败,导致整个定时器错乱闪屏崩溃。本页面有一个webview,通过evalJS执行webview嵌套页面的方法。<web-view@message="getMessage"v-if="url":src="url"></web-view> 错误代码:this.time=setInterv......
  • 关键词搜索拼多多商品列表数据接口(Pinduoduo.item_search)
    拼多多商品列表数据接口是一个允许开发者获取拼多多平台上商品列表信息的API接口。使用该接口,开发者可以批量获取商品的标题、价格、销量等信息。以下是使用此接口的步骤:注册账号:在拼多多开放平台注册成为开发者,并获取API凭证,如AppKey和AppSecret。或者是可以根据php,python......
  • uniapp 开发模板
    简介vue3-uniapp-template是基于vue3的uniapp快速开发模板,包含状态管理、网络请求、路由拦截、UI组件等常用功能。主要使用的技术栈:uniapp、vue3、pinia、vite、uv-ui下载地址PS:如果对你有帮助的话,点个Star支持下哈~GithubGitee项目启动#克隆代码gitclonehttps://gi......
  • TimesURL: 用于通用时间序列表征学习的自监督对比学习《TimesURL: Self-supervised Co
    2024年3月18日,最近有点忙,但是这周四周五都要汇报,不想往后推了,早汇报完早结束,硬着头皮先看这一篇,这篇年前就说要看,还保存了书签,但是一直没看,今天趁着中午的时间看一下。(现在14:01,开始看,我的草稿箱里躺着的18篇草稿,Sorry,以后有空再填坑.)论文:TimesURL:Self-supervisedContrasti......
  • python之自定义表头、列表内容导出excel文件例子
    函数三个参数outputfile:导出excel文件的位置,没有的话在该位置建该文件title:表头args:列的内容,每列是一个列表importxlsxwriterdefwriteExcel(outputfile,title,*args):wb=xlsxwriter.Workbook(outputfile)#创建sheetsheet=wb.add_worksheet("Sh......