uniapp转小程序 子组件中修改了父组件传过来的数据，子组件没有重新渲染

最新推荐文章于 2024-05-04 10:27:33 发布
最新推荐文章于 2024-05-04 10:27:33 发布
阅读量1.6k 收藏
点赞数
文章标签： 小程序 uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Theshy_shuai/article/details/128013328
版权

昨天在开发中遇到了一个问题，在小程序中没有渲染，而在h5中是有渲染出来的。在小程序中，数据确确实实也是通过接口获取到了，也储存到了对应的字段里面。并且在子组件中监听了父组件传过来的数据，就是只渲染了一次，困惑了很久。对应的是最近使用的数据

 

因此查阅了好多资料，终于有了答案。原因是你在子组件中修改了父组件数据，而不是在父组件中修改的，子组件就没有再重新渲染了，因此需要子组件通知父组件 需要修改的数据，在父组件中修改数据。子组件才会重新渲染

Laurse
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
用于微信小程序的HTML和Markdown格式的富文本渲染组件支持代码高亮
08-10
用于微信小程序的HTML和Markdown格式的富文本渲染组件，支持代码高亮
uni-app在子组件中更新父组件传入的数据，视图不更新
Sissi的个人笔记
07-26 4905
原因： 问题出现在子组件props里传入的属性是没有进行双向绑定的 解决办法： 1.在data里定义一个属性等于props传入的属性 然后进行操作 2.在要迭代的view组件外包裹一层带v-if属性的view组件,对v-if绑定的数据进行赋值false再赋值true,来重建view组件以达到视图更新的目的. ...
uniapp写小程序组件封装修改数据不渲染
weixin_43110440的博客
11-18 591
uniapp写小程序组件封装修改数据不渲染 数据通过props传进来的，对数据进行修改，js打印是有修改的，但是页面无变化，最好找的原因，props传入的数据是不能去直接操作的，可以使用其他方法，比如data里面写个参数，保存传入的值，或者直接拷贝一下 ...
父组件给子组件传值，子组件数据不更新，什么问题，怎么解决
weixin_38662465的博客
03-28 738
2、可以给子组件动态绑定唯一标识key，如果数据发生变化时，同时更改下key值，这样就会重新渲染下子组件。1、利用watch监听数据的方式，如果数据发生变化，调用视图渲染方法。1、父组件没有把值传过去，子组件没有获取到最新的值。2、子组件接收到最新的值，但是没有实时渲染到视图上。
uniapp子组件改变数据时数据没有渲染到视图
HXH_csdn的博客
07-17 3505
我这边的操作是这样的 首选从父组件传数组给子组件,然后在子组件中选择选项,点击确定后再将选中的数据传回父组件,但是在子组件里执行点击选择事件时,数据打印出来是已经有更改了,但是页面没有渲染出来(不管怎么点击,都还是默认的选项); 解决办法: 完成修改之后,再加上this.$forceUpdate(),这个是强制更新数据的操作,不清楚会不会有其它影响,反正加上去后,就可以正常点击了 ...
父子组件传值，子组件数据不更新
qq_48850466的博客
05-08 4255
项目场景： 提示：这里简述项目相关背景： 例如： 查看列表中的某一条，显示这条的详情信息–后台管理系统 问题描述 提示：这里描述项目中遇到的问题： 在父子组件传参时，父组件将值传到子组件后，子组件进行数据展示，在第一次传参时可以正常显示，第二次传值子组件的值就不更新了。 父组件 <div :parenData ="datas"></div> <script> data(){ return{ datas:"1" } }, methods:{ ch
uniapp在子组件中修改父组件中的值
dabao87的博客
08-21 7372
其实知道vue的看这个标题应该觉得有问题，不错，的确是有问题，下面慢慢听我娓娓道来 讲这个之前先讲一下在uniapp中自定义组件 1、自定义组件 在根目录新建一个文件夹component,在component中新建子组件 子组件 <template name="yModel"> <u-modal v-model="tklSearchModel" mode="center" width="80%" :show-title="false" :show-cancel-button.
uniapp中父子组件传值 子组件改变父组件的值
s112233345212的博客
12-13 1957
父组件在调用的子组件的方法上调用刚刚自定义的事件 在自定义事件 把当前子组件的参数赋值给父组件。子组件调用emit方法（ 自定义事件， 要改变的参数）传递给父组件。2、子组件可以使用 $emit 触发父组件的自定义事件。1、父组件可以使用 props 把数据传给子组件。
uniapp-子组件改变父组件的值
m0_73075579的博客
07-17 835
以上两组代码所实现的功能都是通过子组件点击触发，实现父组件中number变量的自增，区别在于方法2中使用了vue所封装的修饰器.sync，其作用是实现子组件和父组件之间的双向绑定，所以修改子组件自定义属性值的同时父组件的值也被改变，类似的修饰器还有.stop、.prevent等。
uniapp中,修改父组件的值,数据需要实时更新到子组件,并重新渲染
qq_43351249的博客
08-25 5326
父组件引入子组件 </view> <gbro-marquee ref="marqueeRef" broadcastType='text' direction="left" :broadcastIconIsDisplay="!true" :touchEvent="!true" :broadcastData='broadcastData' :broadcastStyle='broadcastStyle'> </gbro-marquee> <
子组件如何修改父组件传来的值
weixin_64493170的博客
11-21 3000
子组件修改父组件传来的值
基于UNIAPP的VUE3 TypeScript跨端组件库tmui.design设计源码
04-16
系统提供了丰富的组件和API，支持nvue原生渲染、H5、小程序、安卓和IOS等全端应用开发。通过该项目，开发者可以轻松实现多平台间的代码复用和组件共享，提高开发效率和应用质量。系统界面友好，易于操作，适合用于...
仿抖音短视频小程序APP组件（超高性能）自动预加载
12-22
全局只渲染3个item节点，快速上下滑动不错乱，自动预加载，高度可自定义。- uniapp 开发的仿抖音、快手小程序组件（超高性能）自动预加载
小程序富文本组件,支持渲染和编辑html,支持在微信,QQ,百度,支付宝,头条和uni-app平台使用- jin-yufeng / mp-html
01-27
一个强大的小程序富文本组件 功能介绍 支持在多个主流的小程序平台和 uni-app 中使用 支持丰富的标签（包括 table、video、svg 等） 支持丰富的事件效果（自动预览图片、链接处理等） 支持设置占位图（加载中、出错...
详解微信小程序——自定义圆形进度条
01-03
微信小程序 自定义圆形进度条，具体如下： 无图无真相，先上图： 实现思路，先绘制底层的灰色圆圈背景，再绘制上层的蓝色进度条。 代码实现： JS代码： Page({ data: {}, onLoad: function (options) { // ...
（四）小程序学习笔记——自定义组件
qq_43498878的博客
04-28 828
默认插槽：具名插槽：组件A组件B具名插槽options: {},})在自定义的wxss文件中，不允许使用标签选择器、ID 选择器、属性选择器。请使用class类选择器。子选择器（.a>.b）只能用于view 和子组件，用于其他组件（标签）可能会导致样式失效。继承样式，例如：color、font 等都会从组件外继承。（除继承样式外）全局样式、组件所在页面的样式文件中的样式都对自定义组件 无效。
python挑战10秒小程序
anananajiushiwo的博客
04-30 379
1.小程序开始时，会出现一个倒计时器，从10秒开始。>2.玩家需要集中注意力并估计10秒钟过去的时间。>3.当玩家认为10秒钟已经过去时，需要点击屏幕上的按钮。>4.小程序会显示玩家的点击时间，以及与实际10秒钟的时间差。
关机恶搞小程序
最新发布
weixin_58252863的博客
05-04 1569
当system函数的参数是"shutdown"时，它将会执行系统的关机命令。具体来说，的功能是向操作系统发送一个关机信号，请求关闭计算机。这将触发操作系统执行一系列的关机操作，包括关闭所有正在运行的程序、保存必要的系统信息、并最终关闭计算机的电源。需要注意的是，执行通常需要管理员权限，因为关机操作涉及到系统级别的资源管理。在不同的操作系统上，关机命令可能会有所不同，因此具体的实现细节可能会有所差异。总结来说，是一个用于触发计算机关机操作的命令，通过调用外部的关机命令来实现这一功能。通过改变。
使用python和pyqt开发的抽签小程序v1.0
summerriver1的博客
04-28 515
使用python和pyqt开发的抽签小程序v1.0
uniapp微信小程序子组件data数据访问为undefined
06-03
如果在uniapp微信小程序中访问子组件的data数据时返回undefined，有可能是以下原因导致的： 1.子组件的数据没有正确初始化：在子组件的生命周期函数中，需要使用this.setData()方法对数据进行初始化，确保数据被...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值