uniapp子组件刷新问题

最新推荐文章于 2024-03-21 16:12:13 发布
最新推荐文章于 2024-03-21 16:12:13 发布
阅读量3.8k 收藏 1
点赞数 1
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45085477/article/details/111918321
版权

子组件的数据是由上个页面传过去的。你应该改变上个页面的数据，所以自然能做到刷新子组件数据。改变上个页面的数据方法有很多，onshow也行，uni.$emit也行

个人遇到的问题
a页面有子组件c，b页面也有子组件c

解决办法：
a页面在onshow的时候刷新
b页面Object.assign(this.objthis, obj)替换为this.objthis = obj

_老李
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp uView u-picker组件三级联动Demo
02-12
博客路径：https://lrbbfc.blog.csdn.net/article/details/122903926 - 1、分2个入口：一个添加，一个编辑（编辑涉及到数据回显） - 2、添加的时候，展示的数据是默认的，是上一列第一行数据的详情（所有的年级（第一列），一年级对应的班（第二列），一班对应的学生（第三列）） - 3、编辑的时候，第一列数据不变（得高亮对应的行）；第二列的数据就是第一列高亮的行的详情（也需要高亮对应的行）；第三列的数据就是第二列高亮的行的详情（也需要高亮对应的行） - 4、点击 `请选择` 行，弹出选择框 - 5、change第一列时：第二列的数据为第一列高亮选项的详情；并把第三列的数据改变为第二列第一行的数据详情 - 6、change第二列时：第三列的数据为第二列高亮选项的详情 - 7、选择数据之后把数据赋值给`input`框显示 并关闭框
uniapp的mescroll高性能下拉刷新上拉加载组件使用
04-05
uniapp的mescroll高性能下拉刷新上拉加载组件使用
uniapp的子组件，当父组件下来刷新时，子组件一同刷新。
Liheishuai的博客
02-23 497
uni小程序父组件下拉刷新，子组件同步刷新
uniapp 实现主页面刷新组件方法
最新发布
Wang_MengHan的博客
03-21 146
components： A组件。components： B组件。
uni-app: 如何实现增量更新功能？
wwf1225的博客
01-07 720
https://www.cnblogs.com/laobeipai/p/12104756.html
uni-app页面、组件视图数据无法刷新问题的解决办法
热门推荐
红星的专栏
04-27 1万+
问题 先总结一下无法刷新页面或组件视图数据的可能原因： 数据本身的问题 没有为模块或组件创建 key 路由使用不当 （比如我现在碰到的问题，在登录的地方错误使用了 uni.navigateTo） 以我个人的经历，目前归结为此三点，本文主要探讨后两个问题的解决办法，当然可能还有其他问题， 欢迎各位同行与我交流。 场景 最近做一个教育类APP的二次开发，使用的是Uni-app，做的差不多的时候出现...
uniapp的局部刷新（页面返回刷新)
Blue54的博客
03-28 3407
问题：当前页面1的某个item列表项点击后跳转到页面2，在页面2作数据更新后，点击返回页面到页面1，页面1刷新当前item项的数据。 解决办法： 页面2中：返回的事件里传递刷新的值：uni.$emit 在返回事件传递所需要的值updatali给updatatotal， 在页面1：通过uni.$on作接收处理 因为是数组对象：所以处理用如下 并通过if判断是否拿到data和data的id，如果拿到那么遍历页面1用来渲染页面的数组数据，再一次通过if判断过滤所遍历的数组，使item的值为只剩下：
Uniapp在数据更新后立刻更新组件的方法
moeyui的博客
11-27 706
数据更新后的组件强制刷新
uniapp开发的APP升级、整包更新和热更新组件
spring_007_999的博客
07-06 1152
uniapp版本更新插件
uni-app 父子组件传值，子组件修改值后页面不起作用问题
liao_xiao的博客
09-16 7916
需求：用户点击应用图标（功能列表）后，根据用户点击的应用匹配相应数据并进行切换显示 问题：用户点击后，修改相应数据的值后（selected，是否选中），页面无反应，但是数据已修改 解决途径： 使用 this.$set(object, propertyName, value) 方法修改相应的属性 object：修改的目标 propertyName：修改的属性 value：值 如果...
uniapp小程序父组件调用子组件方法以及操作数据
bird__yuan的博客
07-06 1600
可以看到子组件的值确实被改变了 调用子组件的方法也是同理 this.$refs.list.子组件方法 即可。在父组件里面引入子组件就可以了 给子组件设置一个ref值，不要本页面其他ref值重复。直接使用this.$refs.list调用需要的子组件的值或者方法就可以。可以使$refs 给子组件设置，父组件调用。这里是建立了一个总组件，里面有一些数据。
uniapp中父子组件传值 子组件改变父组件的值
s112233345212的博客
12-13 1947
父组件在调用的子组件的方法上调用刚刚自定义的事件 在自定义事件 把当前子组件的参数赋值给父组件。子组件调用emit方法（ 自定义事件， 要改变的参数）传递给父组件。2、子组件可以使用 $emit 触发父组件的自定义事件。1、父组件可以使用 props 把数据传给子组件。
uni-app 前端组件
09-26
loadRefresh 上滑加载下拉刷新 sofarPicker 年-月 范围组件 termPicker 年-月-日 范围组件
5种uni-app 页面下拉刷新方法-源码示例.zip
01-31
5种uni-app 页面下拉刷新方法-源码示例
uniapp vue瀑布流自定义控件资源包
06-12
uniapp vue瀑布流自定义控件资源包，可以配合文档进行实现瀑布流，上拉加载，下拉刷新，图片可以设置无图片、失败图片等等，状态等待、加载中、上拉加载更多。 后续会进行优化
uniapp新闻列表-上拉刷新-下拉加载更多.zip
12-08
1、使用uniapp编写。 2、新闻列表。 3、上拉刷新。 4、下拉加载更多。 5、图片在左，文字在右。
uni-app：mescroll-nui下拉刷新组件
09-08
uni-app：mescroll-nui下拉刷新组件
很好用的uni-app节点树组件！
06-23
很好用的uni-app节点树组件！
uniapp跨平台开发视频教程下载
06-10
uniapp跨平台开发视频教程下载，与《悦读》出品为同一处。讲得通俗易懂，很适合入门与进阶的教程。 内容介绍： 1 介绍 部署 目录结构.mp4 2 样式与布局.mp4 3 配置相关.mp4 4 生命周期.mp4 5 模板语法及数据绑定.mp4...
uniapp父组件刷新子组件
12-22
例如，在onShow方法中刷新子组件： ```javascript onShow() { this.$refs.toRefresh.getDetails(); } ``` 3. 在子组件中，定义一个刷新方法，用于更新子组件的数据。例如，在personal-qy组件中定义一个getDetails...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值