mpvue入坑之修改数据页面不刷新

问题

小程序开发是都会遇到数据更新了，但是页面的图元状态并没有更换。通过接口获取数据进行更新，但是数据改变了，页面的图元并没有变化。

方法一

赋值之前先把数据置为空null，在进行从新赋值操作

let that = this;
wx.request({url: 'test.php', // 仅为示例，并非真实的接口地址data: {x: '',y: ''},header: {'content-type': 'application/json' // 默认值},success(res) {that.你需要更新的数据 = null；if(res.statusCode===200){that.你需要更新的数据 = res.data}}
})

方法二

使用手动更新解决问题，使用 s e t 来设定修改值， set来设定修改值， set来设定修改值，forceUpdate触发render函数进行自动更新。

let that = this;
wx.request({url: 'test.php', // 仅为示例，并非真实的接口地址data: {x: '',y: ''},header: {'content-type': 'application/json' // 默认值},success(res) {if(res.statusCode===200){that.$set( that.你需要更新的数据 ,"键的名称", res.data.cont);that.$forceUpdate();}}
})

方法三

如果上面的都不行，那么就没办法了，只能耗点性能使用计算属性computed

<template><div><ul><li v-for="(v, i) in UpdateLi" :key="i" v-text="v.name"></li></ul></div>
</template><script>
export default {data() {return {list: []}},computed: {UpdateLi() {return this.list}}
}
</script>

结束

以上三种方法都是能够解决问题的，但是要根据自己的项目实际情况使用。友情链接有我的博客和github地址，欢迎相互沟通学习！

想一起讨论/学习微信小游戏开发的，GO语言开发的，请微信搜索下方小程序加博主微信群

mpvue入坑之修改数据页面不刷新相关推荐

uni 修改数据页面不重新渲染
uni 修改数据页面不重新渲染由于数据层次太多,没有触发render函数进行自动更新,需手动调用,调用方式如下: this.$forceUpdate();
mpvue入坑之数据修改不变化
问题描述在拿到后台返回的数据之后需要重新修改data中数据的值,方便页面重新渲染. 在初始化的时候需要对数据进行校验和重新赋值操作但是问题来了,赋值不生效,data中的值并没有发生改变,查看微信开 ...
mpvue入坑之APP.vue不同之处
小程序开发目前的前端行业小程序开发真的是一发不可收拾了,我也加入了这股入坑潮流.下面我来说说我经验吧一.原生wx框架和mpvue 我告诉你,如果你会原生的wx框架最好用wx原生的框架, mpvue ...
mpvue入坑之npm run dev卡住
问题描述在构建一个mpvue项目的完毕之后,并且把依赖包都下载完成之后需要npm run dev运行项目,但是问题来了,既然卡死不动了.问题出现在mpvue小程序开发中. 场景复现 $ npm ru ...
我写的第一个CodeSmith模板（添加修改数据页面）
这是我用CodeSmith的一个页面添加修改数据表的模板 .CS 1<%@ CodeTemplate Language="C#" TargetLanguage=" ...
python dataframe groupby_【Python数据分析基础】入坑必备的数据预处理操作
本文解决的是2类目标业务: 有数据不知道怎么做数据分析操作的. 自己有思路不知道怎么落地实现的. Python数据分析基础必用品 office软件(推荐2016版) Python开发环境(推荐Anac ...
mpvue入坑之背景图片无法使用
问题想要给当前的元素设置一个背景图片,但是background-image:url()无效? 前奏在微信小程序上不管你是这样使用标签引入 <view style="backgrou ...
vue2添加(修改)数据后需要刷新才能显示的问题
vue2无法对于对象进行深度监听,因此直接点击后数据无法立刻进行响应式变化,需要手动刷新. 此时我们可以采用,watch深度监听这个数据,监听到这个数据变化后,再发起一次请求拿回数据 watch:{a ...
租房不入坑不进坑，Python爬取链家二手房的数据，提前了解租房信息
目录前言一.查找数据所在位置: 二.确定数据存放位置: 三.获取html数据: 四.解析html,提取有用数据: 前言贫穷限制了我的想象,从大学进入到社会这么久,从刚开始的兴致勃勃,觉得钱有什么 ...

mpvue入坑之修改数据页面不刷新

问题

方法一

方法二

方法三

结束

想一起讨论/学习微信小游戏开发的，GO语言开发的，请微信搜索下方小程序加博主微信群

mpvue入坑之修改数据页面不刷新相关推荐

最新文章

热门文章