Vue中有一个elementUI组件，用于展示D盘某个文件夹中的图片，怎么可以实时刷新？

这张存放于本地的图片不断地被覆盖，要求在浏览器中展示时也是不断变化的。现在需要我自己手动F5刷新整个页面图片才会改变，这是不是属于静态资源拦截的问题？如果是的话该怎么解决呢？

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
刘尾田 2021-09-04 15:07
关注
你说的D盘下有个图片，应该值的是有一个图片的链接，而个链接对应的图片会不断的被覆盖，需要在网页上自动刷新图片

首先网页访问是无状态的，当你页面渲染完成后就和服务器断开了，没办法监听

比较简单的办法就是写一个 setInterval 来定时刷新
如果需要根据图片变化来，需要使用 ajax 来获取文件信息进行比对

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

vue+elementui 点击a页面刷新b页面的组件 vue.js 前端
2022-05-11 17:20

回答 1 已采纳组件传值，或者用vuex更新通知数量
Vue+Element UI dialog中动态加载不同的子组件，如何实现？ elementui vue.js 前端
2021-09-18 09:53

回答 4 已采纳把不同的表单做成子组件吧，例如 Form1.vue(假设name 是form1), Form2.vue(假设name 是form2), Form3.vue(假设name 是form3),然后再封装一层
Vue中图片刷新瞬间有个短暂的闪白，这个白色怎么改成其他颜色？ elementui javascript vue.js
2021-09-13 09:04

回答 1 已采纳有个占位内容 <el-image :src="src"> <div slot="placeholder" class="image-slot">
前端技术栈学习：Vue2、Vue cli脚手架、ElementUI组件库、Axios
2024-06-25 21:25

随遇而安622&508的博客前端技术栈学习：Vue2、Vue cli脚手架、ElementUI组件库、Axios
vue 中如何使用 elementui 自定义校验规则错误提示 elementui vue.js 前端
2023-04-07 11:37

回答 4 已采纳 password(rule, value, callback) { if (/*条件*/) return callback(new Error('错误提示')) callback()
怎么让vue多个下拉框联动查询,默认勾选都有值的那个选项(elementui的组件) elementui vue.js
2022-03-22 09:07

回答 4 已采纳你可以看下这篇文章，省市县三级联动https://blog.csdn.net/dandelion_zjw/article/details/119029906
vue不同组件中不能有两个window.onblur事件吗？ javascript vue.js 前端有问必答
2021-12-14 18:02

回答 2 已采纳用api添加，不能用window.onblur=xxxx，这样注册事件最后出现的会覆盖前面的 window.addEventListener('blur',function(){ //your cod
Vue+ElementUI电商项目（一）
2021-11-16 14:55

沐小侠的博客 1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app 管理员使用的业务服务：PC后台管理端...前端技术栈:Vue,Vue-Router,Vuex,Element-UI,Axios,Echarts 后端技术栈：Node.js,Express,Jwt(模拟session)
Vue父子组件接收不到或是刷新丢失？ javascript vue.js 前端
2022-03-28 19:12

回答 2 已采纳父子组件的加载顺序父created->子created->子mounted->父mounted 看你的请求顺序监听效果这样就死循环了一直在变更一直在变更你直接在子
vue父页面调用多个图表组件，怎么在组件中传值给父页面接收？ javascript vue.js 前端
2022-03-29 11:12

回答 3 已采纳 this.$emit('queryCondition', this.search);this.search 就是你要上传给父组建的数据父组建接收 <aa @queryCondition="
之前用vue写了一个页面，怎么在uniapp中使用？ vue.js 前端前端框架
2023-03-30 15:35

回答 2 已采纳修改一些标签啊，用到的依赖在uniapp安装下，这个页面在page.json里配置下，尺寸需要自适应的将尺寸单位修改下
三、前端-VUE-Element-UI （3）
2022-09-05 02:01

Daniel521-Spark的博客 2-定义一个名为todo-title的待办标题组件和 todo-items的待办内容组件 3-实例化Vue并初始化数据 4-将这些值，通过插槽插入说明：我们的和todo-items组件分别被分发到了组件的和插槽中完整代码如下： 1-在的实例中...
Spring Boot+Vue+ElementUI实现文件的上传和下载到本地并将文件信息存入数据库
2022-05-03 13:14

Cau1i的博客 1 参考文档 springboot 文件MultipartFile上传路径问题 | 橙熟^ _ ^-CSDN（原本采用绝对路径，参考该文章改成相对路径）组件 | Element 2 导入依赖和配置application.yml文件 2.1 在pom.xml中导入依赖采用了...
vue项目中常用methods
2021-03-01 17:06

吃橙子的仓鼠的博客 from 2018 持续更新 1、vue+axios 实现进度条 2、js更改css属性 this.$refs.驼峰命名.style.... // 更改属性值 3、监听对象中的某一属性 ...4、vue-router ...this.$route.params 刷新时值丢失 ...给子组件起个ref=“son.
前端框架-Vue
2022-03-25 13:56

Ayin的学习笔记的博客 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图：给用户看，刷新后台给的数据网络通信： axios 页面跳转： vue-router 状态管理：vuex Vue-UI : ICE , Element UI ...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 9月14日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 9月6日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 9月3日

Vue中有一个elementUI组件，用于展示D盘某个文件夹中的图片，怎么可以实时刷新？

3条回答 默认 最新

问题事件

3条回答默认最新