解决 Vue v-for 循环中数组顺序变化导致图片重新加载的问题

本文介绍如何解决 Vue.js 中使用 v-for 循环时，数组顺序发生变化导致页面重绘，从而引起图片重新加载的问题。通过为 v-for 循环添加:key 属性，绑定数组中对象的唯一标识符，可以有效避免此问题。

全部前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)

2023年12月28日

Mt.r

|

#Vue #JavaScript

Mark 一下

解决 v-for 循环，数组顺序发生变化后重绘（图片重新加载）问题

// 通过 key 值来解决，这样即使数组顺序发生变化，也不会重新加载图片
<div v-for="(item, index) in list" :key="item.id">
  {{item}}
</div>

父元素设置 min-height 后，子元素 height: 100% 无效的解决方法

本文探讨了父元素设置 `min-height` 后，子元素设置 `height: 100%` 无效的问题，并提供了六种有效的解决方法，包括使用 `position: relative/absolute`、Flex 布局、Grid 布局以及 `min-height: inherit` 等，并分析了每种方法的优缺点。

微信小程序 new Date() 方法异常问题及解决方法

微信小程序中使用 new Date() 方法时，如果日期字符串格式为 'YYYY-MM-DD HH:mm'，则会返回无效的日期对象。本文介绍了该问题的解决方法，并提供了代码示例。