小程序setData执行后，页面没有刷新

最新推荐文章于 2024-05-23 23:23:44 发布
最新推荐文章于 2024-05-23 23:23:44 发布
阅读量2.5k 收藏 1
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BlakeSteele/article/details/130562331
版权

 这是两个tab页面，通过点击来切换页面，其实就是改变后台的数据

只是点击后，后台数据更新，但是页面却没有重新渲染。

以下是分析：

isPayee:  tab的值，当为1时，展示1号tab， 为0时，展示2号tab

点击tab，发现data中的isPayee改变了。

 说明方法没问题，但是页面却不会变化。尝试多次，都不会刷新，开始以为是小程序bug，因为之前遇到过多次官方bug。

最后发现：

isPayee类型改变了，应该为int ，方法调用后，ispayee的值改为了str类型，导致页面判断一直为true。

结论：如果调用setData页面没有重新渲染，可以查看数据类型有没有问题，不要单单看打印出来的数据，因为打印出来的数据，你无法区分类型

 

BlakeSteele
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序-修改数据后页面不渲染
前端向朔
03-04 3万+
说明去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的，这是我第一次有意识的亲眼目睹了一个新技术的发展，还是感觉比较荣幸的。 唱衰小程序？我的观点是肯定不可能，因为现在每天提交审核的小程序还在继续增加，而且有些小程序确实很好用，比如摩拜的扫码骑车，还有我上周去KTV，直接用小程序扫屏幕上的二维码，就可以绑定房间，然后通过
微信小程序返回上一页传参并刷新过程解析
10-15
在微信小程序开发中，有时我们需要在用户从一个页面跳转到另一个页面，完成某些操作后再返回原页面时，能够传递参数并刷新原页面的数据。针对这个需求，本文将详细解析微信小程序中返回上一页传参并刷新的过程。 ...
微信小程序setData视图不更新的问题
Fanrunninghard的博客
01-26 3141
解决微信小程序使用setData视图不更新的问题
微信小程序----修改data中的数据，页面数据不改变
热门推荐
止于至善
12-26 7万+
错误原因 由于VUE等框架，我们在逻辑层修改data中的数据后，视图层（页面渲染）会跟着发生变化。当然微信小程序也是实现了相同的功能，那么出现错误的原因是什么？答案：微信小程序的setData()方法。 常见赋值方式（习惯）导致的错误Page({ data: { isShow: false }, changeStatus(){ console.log(this.dat
微信小程序中页面显示时触发子组件的重新渲染
温暖前端的博客
05-23 963
生命周期函数中，调用子组件的方法或者改变子组件的数据，从而触发子组件的重新渲染。触发子组件中的这个事件，子组件监听到事件后进行相应的处理，从而实现重新渲染。监听数据变化，当页面显示时，通过改变子组件的数据来触发。如果子组件的数据依赖于父组件的数据，可以在父组件的。改变父组件的数据，从而间接触发子组件的重新渲染。在子组件中定义一个事件，当页面显示时，父组件通过。生命周期函数中，通过。，从而实现重新渲染。
微信小程序更新数组数据，页面不刷新问题
yinge0508的博客
10-06 7352
微信小程序更新数组数据，页面不刷新问题
微信小程序对象或数组this.setData不更新数据问题
qq_34631220的博客
07-08 2049
使用数组拼接的方式输出成功解决 var srt = "datas["+i+"][3]";//更新对象拼接 var cgl = this.data.dades[i][3];//更新的数据 this.setData({ [srt]:cgl, })
微信小程序数组更新，但视图不更新的问题
学习，是熵减的最有效途径。
05-10 6975
写一个微信小程序的时候，需要在云数据库中拉取所有用户数据，展示到页面上，展示用户列表，一开始是这么实现的
微信小程序setData赋值，数据未更新
分享互联网的有趣知识~
07-09 3127
微信小程序setData赋值方式的小坑
微信小程序自定义导航栏的自定义下拉刷新
最新发布
05-31
微信小程序提供了一个名为`wx.setNavigationBarTitle`的方法来设置当前页面的导航栏标题，但若要自定义整个导航栏，我们需要在页面的`app.json`或`page.json`配置文件中进行设置。使用`navigationBarTitleText`、`...
微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】
10-15
在微信小程序的开发过程中，有时候我们需要在用户点击返回按钮或者执行特定操作时，不仅返回上一级页面，还需要刷新该页面以获取最新的数据。这通常涉及到微信小程序的页面生命周期和页面栈管理。本篇文章将深入探讨...
微信小程序下拉刷新界面的实现
08-29
首先，要在微信小程序中启用下拉刷新功能，我们需要在全局配置文件`app.json`或特定页面的配置文件（如`index.json`）中开启`enablePullDownRefresh`属性。将其设置为`true`，如下所示： ```json { "window": { ...
微信小程序页面生命周期详解
08-28
微信小程序页面生命周期是指微信小程序在不同的阶段所执行的函数，主要包括页面加载、页面初次渲染完成、页面显示、页面隐藏和页面卸载等几个阶段。在微信小程序开发中，理解页面生命周期是非常重要的，因为它可以...
微信小程序请求成功不能更新data数据
zhangyu_98的博客
06-09 465
小程序请求成功数据更新失败
原生小程序开发大坑component的生命周期函数created中setData无效(小程序弹层代码封装)
Youyzq的博客
11-04 1345
原生小程序开发大坑component的生命周期函数created中setData无效(小程序弹层代码封装)
关于微信小程序的一个渲染问题
m0_63861172的博客
04-04 194
今天遇到了一个小程序的渲染问题，当我在页面js的OnLoad函数中对data里的数据list进行修改后，list中的数据本应该渲染到wxml中，但是并没有渲染成功，然而当我使用console.log()输出list中的数据时，显示其中的确有数据。在通过查阅资料后发现，只有通过this.setData()方法才能实时渲染到前端。如图，list中有数据而页面中未渲染list中的数据。如图，最终成功将数据渲染到前端。
微信小程序关于this.setData的坑
qq_52237862的博客
03-02 413
关于微信小程序this.setData函数数据更新异常的坑及其解决方法
【微信小程序 】 数据更新，视图无法更新时，使用setData()更新视图，并解决setData()赋值对象属性及数组问题
Daivon_Up的博客
07-16 1万+
在Vue中，当我们对数据进行修改时，视图也会发生变化，微信小程序也提供的一样的功能，但是需要使用官方提供的setData()方法,如下: Page({ data: { isShow: false }, changeStatus(){ this.setData({isShow : true}); console.log(this.data.isShow); ...
微信小程序朋友圈发布后页面自动刷新
04-05
微信小程序朋友圈发布后页面自动刷新需要使用小程序的生命周期函数onShow()和onLoad()，以及页面跳转API wx.navigateTo()。 具体实现步骤如下： 1. 在发布朋友圈的页面中，使用wx.navigateTo()跳转到成功页面，并...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值