uniapp 修改store里面的数据不重新渲染的问题

最新推荐文章于 2023-07-26 20:57:43 发布
最新推荐文章于 2023-07-26 20:57:43 发布
阅读量847 收藏 1
点赞数 1
文章标签： vue.js uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tarzan_Dong/article/details/110945222
版权

这个问题不常遇到，但遇到却很困扰，因为它不是必然发生的

最后终于准确定位该现象：仅仅出现在app-plus端，H5端不会发生。当navigateTo另一页面进行数据修改，返回该页面时，没重新渲染该数据项。

原因：navigateTo跳转，不关闭当前页面，该数据在其他页面修改时不能触发当前页面的different

解决办法：如果跳转至的页面将修改本页需要渲染的数据时，使用redirectTo跳转，当返回时重新加载本页以保证渲染出正确的已被修改的数据

Tarzan Dong
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniApp解决关于Vuex动态添加state状态，数据不能及时更新的问题
Android_Cob的博客
07-22 2340
Vuex设计响应数据时需要提前定义，如果没能提前定义则无法实现响应式。由于无法获取全局this则需要提前将uni.动态添加的属性无法实现响应式更新。
uni-app （vue ) 数据变化，页面不重新渲染的问题
糯米鸡的博客
08-03 4030
前几天遇到一个问题 当我点击取消收藏按钮的时候，再重新刷新页面，会发现第2个项目里的爱心按钮还是空心的 按理说，收藏页面的所有线路，按钮都是已经收藏的状态，应该是实心爱心图标，可是只要我之前点过取消，让按钮变成空心状态，它就会一直是空心状态。 很明显，子组件的数据变化了，但是反应在页面上，没有重新渲染。 最后找到原因 <template> <view> <busLine v-for="(item,index) in lines" :line="ite.
uni-app修改组件数据后，组件页面数据不会重新渲染
学习路上的小刘
02-22 3162
uni-app修改组件数据后，组件页面数据不会重新渲染 点击规格后，产品价格不会修改，但是在控制器中可以打印出来你修改的值 试过给他重新赋值，但是会报错 大致意思是通过props传递给子组件的数据，不能在子组件内部修改props中的值。 所以就通过在组件中使用这个来把这个修改的值返回给父级 this.$emit('getPor', { detail: this.product //需要修改的值 } 在使用该组件的地方调用子组件的这个方法 <product-popu
uniapp重新渲染页面_uni-app多种设置全局变量及全局变量重新赋值
weixin_35714733的博客
01-14 2157
一、引用公共common.js(1、可在页面中直接引入common.js 2、在main.js中引用并挂载(这里是第二种))export default{memberObj:{name:'初始姓名',},setMemberObj(data){this.memberObj = Object.assign({},this.memberObj,data)}}(1)、在全局main.js中引用import...
uni 修改数据页面不重新渲染
沉睡的博客
09-23 672
uni 修改数据页面不重新渲染 由于数据层次太多，没有触发render函数进行自动更新，需手动调用，调用方式如下: this.$forceUpdate();
uni-app 配置Vuex Store
Novice-XiaoSong的博客
05-24 1552
在uni-app中使用Vuex实现页面间的数据共享 在项目目录下新建Store/index.js Store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state:{ data1: null, data2: [] }, mutations:{ updateData(state, _new){ this.state.
解决vue刷新页面以后丢失store的数据问题
10-14
主要介绍了解决vue刷新页面以后丢失store的数据问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决$store.getters调用不执行的问题
10-16
今天小编就为大家分享一篇解决$store.getters调用不执行的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ExtJS Store的数据访问与更新问题
12-04
add函数会将新的数据添加到store的末尾，这对其原有的排序方式可能造成破坏，如果希望保持有序，应使用addSorted,调用方法与add相同。 可以使用insert方法将记录插入到指定的位置，如： 代码如下: var newRecord=n
uni-app学习笔记之vuex store状态管理
紫微斗数学习交流
02-25 1188
介绍 Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 uni-app 内置了 Vuex 。 但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏 我们把组件的共享状态抽取出来，以一个 全局单例模式管理 这就是vuex的产生 通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。这就是 Vuex 背后的基本
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
08-27
主要介绍了父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法,需要的朋友可以参考下
uni-app vue3+ts 父组件向子组件传值，子组件不更新值
月落星河
08-17 5299
vue3父子组件传值不更新
uniapp改变对象触发不了视图更新
fanghanghnag的博客
11-02 785
场景是项目中需要很多表单，我在封装公共组件，picker这个控件改变值之后发现对象中的值已经改变了，但是没有触发试图更新，使用$set()和$forceUpdate()仍然没用，然后使用$emit将值发送给父组件，在父组件中去改传入子组件的对象，然后视图更新了。。。。。。。。 ...
uniapp中 使用store、修改store
_NIXIAKF的博客
08-24 1万+
uni中使用store是和vue是一样的道理，知道vue中store的使用 uni里便也是相同的方法 一、在根目录创建store.js //引用Vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) //实例store对象 const store = new Vuex.Store({ state: { proid: 123, }, //mutations是修改store数据入口 mutations: {
uniapp项目中store模式的使用
热门推荐
moshark的博客
05-18 2万+
安装Vuex hbuilderx中，右键项目，使用命令行窗口打开所在目录，（若未安装插件会提示安装），输入 npm install vuex --save 创建Store 在项目下新建目录store，在目录下新建文件store.js（注意，此处为js文件而非vue），可将state、mutations等写在该文件内。也可将store.js拆分成多个文件，最后在index.js中引用，如下 这里只简单举例单文件store.js的创建 //引用Vuex import Vue from 'vue' impor
uniapp如何在任意一个js文件获取$store数据 - vuex全局通用
Rudon滨海渔村的博客
04-11 1524
问题描述我在main.js里面把app全局导出 {代码...} --any.js {代码...} 你期待的结果是什么？实际看到的错误信息又是什么？我希望不是两个undefined, 而是可以直接对 $store 和 globalData 里面的属性进行操作。vue.js - vue, uni app如何在任意一个js文件获取store或者globalData - SegmentFault 思否。
【uniapp 小程序学习之旅】
m0_37793969的博客
03-31 391
应用中一些不改变的数据，我们的做法一般是保存在缓存中，实现多次重复使用，从而减少对接口的请求次数，降低服务器的压力。vuex以上就是uniapp中使用vuex的简单方法，使用store极大的方便了数据的缓存和更新缓存，除此之外，也可以直接使用来保存和获取缓存数据。
uniApp实现页面刷新功能全过程图片演示全代码详细解释
最新发布
Ciao345的博客
07-26 2497
不过主要还是介绍刷新方法图标的实现方法参考我之前的文章这里我们点击图标之后跳转SetIpAddress方法首先，通过调用getCurrentPages()方法，我们可以获取到当前页面栈的所有页面组成的一个数组数组中第一个元素是最早打开的页面，最后一个元素是当前页面然后，通过pages.length-1获取到页面栈中最后一个页面的索引值，也就是当前页面在页面栈中的位置uni.redirectTo()方法是uni-app框架提供的页面跳转方法，
uniapp 监控数据有变动才自动刷新页面
weixin_38946164的博客
11-24 4641
需求：从A页面跳转到B页面，在B页面有修改数据的话，返回A页面要自动刷新A页面；如果在B页面没有修改数据，返回A页面则不要刷新。 解决思路：A页面加载的时候赋值一个变量为假，在B页面修改数据的时候把变量赋值为真，返回到A页面的时候，判断这个变量的真假再执行刷新。 A页面： B页面： ...
uniapp 读去 store 数据
06-02
在uniapp中，可以通过vuex来管理store数据。如果要读取store数据，可以使用以下方法： 1. 在组件中使用计算属性获取store数据： ```javascript computed: { myData() { return this.$store.state.myData; } } ``` 2. 在组件中使用$store.getters获取store数据： ```javascript computed: { myData() { return this.$store.getters.myData; } } ``` 其中，myData为store中保存的数据的名称。需要在store中定义对应的state或getter。 同时，需要在main.js中引入vuex并且将store注入到根组件中： ```javascript import Vue from 'vue' import Vuex from 'vuex' import store from './store' Vue.use(Vuex) new Vue({ store, ... }) ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值