vue数据更新后页面没刷新问题

最新推荐文章于 2023-08-09 11:18:11 发布
最新推荐文章于 2023-08-09 11:18:11 发布
阅读量891 收藏
点赞数
分类专栏： 微信小程序开发记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010513497/article/details/115457648
版权

文章目录

遇到的问题：用vue插件和控制台打印，发现数据有更新，但是页面上的数据没有刷新

解决方式：$set

使用this.$set的方式替代了直接赋值的方式，来进行了页面刷新

在这里插入图片描述

原因

我这个原因是因为这两个是要添加的新属性，所以没有刷新

更多的信息可以参考文章

刚看到这个原因的时候，我以为初始化的时候添加一个属性，值为空字符串就可以了，结果还是没有刷新

snotJam
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue数据更新UI不刷新显示的解决办法
11-19
vue比较常见的坑就是数据（后台返回）更新了，但是UI界面并没有更新，常见于以下情况： 一、数据为数组时 1.通过数组索引修改数组元素例如： 此时UI数据并不会刷新 2.修改数组长度时： 解决方案： 如果data为JSON数组则如下： 第一个参数为要更新数据的数组，第二个参数为要更新的数组中具体的元素下标，第三个参数为新数据 备注: 数组原型上的方法vue可直接检测到变化：push(),pop(),shift(),unshift(),splice(),sort() 二、数据为对象时: Vue 不能检测对象属性的添加或删除：你可以这样添加一个属性 如果要添加多个属性可以 补充知识：v
解决vue 路由变化页面数据不刷新的问题
08-27
下面小编就为大家分享一篇解决vue 路由变化页面数据不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目使用Print.js插件实现PDF文件打印
tigerhhzz的博客
03-23 8881
vue项目使用Print.js插件实现PDF文件打印
解决vue-print-nb打印时多出一页空白，vue-print-nb打印有空白页
qq_51055690的博客
04-16 2789
vue实现打印功能（vue-print-nb），解决vue-print-nb每次打印都会多出一张空白页，打印多一张空白
解决vue2和vue3 ECharts二次渲染不出现的问题（切换不显示 ref）
Rziziの博客
02-11 1316
解决vue2和vue3 ECharts二次渲染不出现的问题（切换不显示 ref）
Vue 数值改变 页面没有刷新（解决数据改变视图不更新的问题）
c_x_m的博客
05-12 1万+
解决数据改变视图不更新的问题情况描述原因解决方案当表格数据改变，表格没刷新时，并且使用了render解决方案 情况描述 值（List）修改后，打印值改变了，但页面数据没刷新 如何赋值：this.tableData[index] = { ...this.tableData[index], ...result } 想法：利用解构赋值，修改对应key的value值 例：this.tableData[index] = {id:1,name:jarry} result={id:2} 原因 解构赋值 如
Vue中 数据改变但未渲染的问题，页面中并没有自动更新，但是在控制台可以打印出来，常见解决方法
liumimi973的博客
02-03 8431
打印出来值，赋值未渲染
vue主动刷新页面及列表数据删除后的刷新实例
10-18
今天小编就为大家分享一篇vue主动刷新页面及列表数据删除后的刷新实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue刷新页面以后丢失store的数据问题
10-14
主要介绍了解决vue刷新页面以后丢失store的数据问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
12-03
vue +webpack 项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据，我用的解决方法是在每个请求发送前，拦截请求并给请求接口的...
（详解错误情况，及解决方法）Vue 数据更新了但页面没有更新的情况
m0_55333789的博客
08-09 1万+
（详解错误情况，及解决方法）Vue 数据更新了但页面没有更新的情况
Vue数据更新页面却没有更新
weixin_38848724的博客
06-02 2120
在 Vue 中有两种类型的变量：响应式变量和非响应式变量。从后端获取的变量通常是响应式变量，也就是说它们会被 Vue 监测到变化并同步到页面上，如果你修改了这些响应式变量，页面会随之改变。而通过赋值来定义的变量通常是非响应式变量，如果你修改了这些非响应式变量，Vue 并不会监测到它们的变化，所以页面不会改变。如果你需要使一个非响应式变量变成响应式变量，可以使用 Vue.set 方法或者数组的变异方法（例如 push、splice 等）。例1：Vue.set(对象,添加的key,属性值”)
VUE中数组更新后，页面没有动态刷新问题
u010227042的博客
06-15 1万+
最近使用vue开发时，在一个函数中使用for循环，改变了页面中的数组，在函数中查看是修改成功的，但是页面中没有动态刷新。 在Vue的官方文档有提到这样一个注意事项： 数组变更检测注意事项： 由于 JavaScript 的限制，Vue不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 举个例子： var vm = new Vue.
Vue数据更新但页面没有更新的多种情况
Cupid
09-23 1万+
Vue数据更新但页面没有更新的多种情况 1、Vue 无法检测实例被创建时不存在于 data 中的 变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： new Vue({ data:{}, template: '<div>{{message}}...
vue 更改数据后页面不刷新的问题
葵宇科技的博客
01-07 1140
今天遇到的，通过v-if控制标签切换效果，出现没任何反应的情况。检测数据正常，只是页面没有渲染。 查了很多资料因为数据层次太多，render函数没有自动更新，需手动强制刷新。 通过 this.$forceUpdate(); 强制刷新即可 ...
vue数据更新，页面不更新
我爱美女S的博客
12-07 1009
vue数据更新，页面不更新
vue开发中，数据更新，但视图不刷新
热门推荐
Quentin0823的博客
07-07 2万+
我们在开发过程中会碰到数据更新，但是视图并未改变的情况，情况如下：第一种:动态给对象新增属性或者删除属性是不会触发视图刷新的,Vue识别不到；第二种:通过数组下标修改数组中的元素或者手动修改数组的长度,Vue识别不到；**解决方法1：静默刷新(使用v-if的特性) 在修改值之后将元素销毁,然后在修改后的下一次DOM渲染完成时再显示出来,这样就会触发组件重新加载data的数据进行渲染,data中被修改的数据才是最新的。 解决方法2:Vue.$set(官方推荐) 使用这个api修改的数据会为其添加响应式gett
vue页面数据不更新，不变化
hupi666的博客
02-01 802
vue 页面不更新，vue视图没变化
vue删除数据后页面刷新
最新发布
08-12
在 Vue 中删除数据后刷新页面有多种方法，其中一种常见的方法是使用 Vue Router 的编程式导航。 首先，确保你已经安装了 Vue Router。然后，在你的组件中，使用以下代码来删除数据并刷新页面： ```javascript // ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值