vue项目中v-for渲染失败
2024-08-28 16:12:53
在项目中,v-for渲染列表失败,无报错,数组有数据。上网查,好多说是因为动态绑定class的原因,但是经过几番测试,都无效果。
在经过不断尝试,搜索,终于找到原因所在。
问题原因:在v-for循环中,如果我们在函数中改变了item中的值,在console.log()中查看是修改成功了,但在页面中没有及时刷新改变后的值。
解决方法:使用vue自带的 this.$forceUpdate() 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
但是目前具体原因未知,还需要继续查找。因为之前使用v-for从未出现过这个bug。
最新文章
- (分享)Paxos在大型系统中常见的应用场景
- html5 web database
- php文件上传类
- 流媒体相关知识介绍 及其 RTP 应用
- phaser源码解析(三) Phaser.Utils类下isPlainObject方法
- [转] Scale-up 和Scale-out的区别
- fopen 參数具体解释
- jQuery_easyUI 合并单元格 (DataGrid 数据表格)
- C# winform 按钮设置左边图标
- ASP.NET Core 网站发布到Linux服务器
- MVC项目中使用百度地图
- Java中常见数据结构Map之LinkedHashMap
- Angular4.x通过路由守卫进行路由重定向,实现根据条件跳转到相应的页面
- 最详细的JavaWeb开发基础之java环境搭建(Windows版)
- Go语言学习笔记(六) [包]
- mybatis执行批量更新数据
- C#——WebApi 接口参数传参详解
- 实用的 图片上传 html+css
- nginx负载均衡总结
- PAT 1001. A+B Format 解题