vuefor重新赋值数组有缓存

发布网友 发布时间：2022-12-24 03:13

我来回答

共3个回答

热心网友 时间：2023-10-07 14:15

近期开发了一个新功能，就是上传图片，并支持删除，于是乎写了一个组件。上传是没有问题的，但是删除的时候老是出问题，问题是删除的时候，例如总共上传了4张图片，我删除了第二张，就剩下了三张，但是现在的第二张和第三张图片是一样的，这是什么情况？经过分析之后，知道了是因为缓存的原因。使用v-for的时候设置key值得时候，我用的是index，导致存在缓存的情况，这个和vue中的diff算法有关。于是，我就给每一项设置一个独一无二的索引值，就是给每一项加一个时间戳new Date().getTime()作为索引值，这样的话就没有缓存的情况了，完美地解决了这个问题，补充：独一无二的索引值用symbol类型的值会更好一点。后面会总结一下vue中的diff算法。vue缓存v-forindex生肖羊，43岁之后命有多好？重点强调1979年的，结果看哭了！麦玲玲仅供娱乐广告Vue3 keep-alive实现通过key值来控制是否缓存页面472阅读·0评论·0点赞2022年9月21日keep-alive v-for为何使用key值 slot插槽和vue及prop验证756阅读·0评论·0点赞2021年4月19日android和h5图片传输问题,混合开发-H5 调用Android 的相册和照相机上传图片的问题...350阅读·0评论·0点赞2021年6月2日v-for中加入key的作用635阅读·2评论·5点赞2019年10月16日vue的基础原理使用(v-for、v-if同时使用等)894阅读·0评论·0点赞2021年12月30日当 el-upload 遇上 v-for 时应该注意的问题2058阅读·6评论·1点赞2020年12月15日生肖兔：1975年的“兔”过了47岁后财富,婚姻,事业走向变数(免费)姓名测算_仅供娱乐广告v-for解决数据渲染刷新问题1064阅读·0评论·0点赞2021年5月31日vue中v-for的最佳使用技巧875阅读·0评论·1点赞2021年8月18日Vue —— 解决图片缓存问题2611阅读·1评论·2点赞2021年12月9日解决使用keep-alive缓存的组件添加key后，热重载失效问题1636阅读·0评论·3点赞2021年6月8日v-for中为什么要加key，原理是什么448阅读·0评论·1点赞2020年11月19日浅谈ThreadLocal1576阅读·0评论·5点赞2021年11月5日【vue.js】+云存储（实现图片上传功能）5955阅读·23评论·16点赞2021年5月14日Vue中关于v-for循环时添加key属性问题与理解1214阅读·0评论·3点赞2021年12月2日带你详细了解Vue中的v-for8663阅读·0评论·4点赞2022年4月11日vue中v-for的用法9.7W阅读·4评论·22点赞2019年3月5日vue里页面的缓存详解

热心网友 时间：2023-10-07 14:15

近期开发了一个新功能，就是上传图片，并支持删除，于是乎写了一个组件。上传是没有问题的，但是删除的时候老是出问题，问题是删除的时候，例如总共上传了4张图片，我删除了第二张，就剩下了三张，但是现在的第二张和第三张图片是一样的，这是什么情况？经过分析之后，知道了是因为缓存的原因。使用v-for的时候设置key值得时候，我用的是index，导致存在缓存的情况，这个和vue中的diff算法有关。于是，我就给每一项设置一个独一无二的索引值，就是给每一项加一个时间戳new Date().getTime()作为索引值，这样的话就没有缓存的情况了，完美地解决了这个问题，补充：独一无二的索引值用symbol类型的值会更好一点。后面会总结一下vue中的diff算法。
vue
缓存
v-for
index
生肖羊，43岁之后命有多好？重点强调1979年的，结果看哭了！
麦玲玲仅供娱乐
广告

Vue3 keep-alive实现通过key值来控制是否缓存页面
472阅读·0评论·0点赞
2022年9月21日
keep-alive v-for为何使用key值 slot插槽和vue及prop验证
756阅读·0评论·0点赞
2021年4月19日
android和h5图片传输问题,混合开发-H5 调用Android 的相册和照相机上传图片的问题...
350阅读·0评论·0点赞
2021年6月2日
v-for中加入key的作用
635阅读·2评论·5点赞
2019年10月16日
vue的基础原理使用(v-for、v-if同时使用等)
894阅读·0评论·0点赞
2021年12月30日
当 el-upload 遇上 v-for 时应该注意的问题
2058阅读·6评论·1点赞
2020年12月15日
生肖兔：1975年的“兔”过了47岁后财富,婚姻,事业走向变数(免费)

姓名测算_仅供娱乐
广告
v-for解决数据渲染刷新问题
1064阅读·0评论·0点赞
2021年5月31日
vue中v-for的最佳使用技巧
875阅读·0评论·1点赞
2021年8月18日
Vue —— 解决图片缓存问题
2611阅读·1评论·2点赞
2021年12月9日
解决使用keep-alive缓存的组件添加key后，热重载失效问题
1636阅读·0评论·3点赞
2021年6月8日
v-for中为什么要加key，原理是什么
448阅读·0评论·1点赞
2020年11月19日
浅谈ThreadLocal
1576阅读·0评论·5点赞
2021年11月5日
【vue.js】+云存储（实现图片上传功能）
5955阅读·23评论·16点赞
2021年5月14日
Vue中关于v-for循环时添加key属性问题与理解
1214阅读·0评论·3点赞
2021年12月2日
带你详细了解Vue中的v-for
8663阅读·0评论·4点赞
2022年4月11日
vue中v-for的用法
9.7W阅读·4评论·22点赞
2019年3月5日
vue里页面的缓存详解

热心网友 时间：2023-10-07 14:16

vuefor重新赋值数组有缓存是的首先我们打开他的一个主程序在主程序中我们给他进行一个复制数字然后重新复制了一个数字我们在设置里面它是有缓存的根据他的一个主程序训老师紧密相关的重新复制的数字是有缓存