VueJS:选择同一文件时不会触发输入文件选择事件

2023-12-27

我们如何在 Vue Js 中文件输入检测相同文件输入的变化

<input ref="imageUploader" type="file" @change="uploadImageFile">


我们可以添加@click事件然后清除文件输入的值

<template>
    ....
        <input ref="imageUploader" type="file" accept=".jpg, .jpeg" @click="resetImageUploader" @change="uploadImageFile">
    ....
</template>

<script>
    export default {
        methods: {
            resetImageUploader() {
                this.$refs.imageUploader.value = '';
            },
            uploadImageFile() {
                ....
            }
        }
    }
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VueJS:选择同一文件时不会触发输入文件选择事件 的相关文章

随机推荐

  • 如何在 Refit 中禁用 urlencoding get-params?

    我使用 Refit 进行 RestAPI 我需要创建相同的查询字符串api item c 14 c 74 在改装界面中我创建了方法 Get item Task
  • Angular 2 Header组件标题根据状态动态变化

    我有一个使用 Angular 2 的设计 其中标题组件 导航栏组件和主体组件加载所有其他组件 如下图所示 Header 导航 其他组件加载的位置 此部分可能嵌套 组件 子组件 所以基本上 在标题组件中 我想显示当前状态 在当前状态的底部 我
  • OSX Lion 上的 SDL 与 g++

    有人知道如何在 OSX Lion 上设置 SDL 简单直接媒体层 以便我可以使用 g 编译我的代码吗 我已阅读该包附带的 自述文件 并将框架文件夹放置在相关目录中 但是 这似乎还不够 谁能帮我 我不想使用Xcode 如果您不使用 XCode
  • 新安装的 WAMP 中有奇怪的字符吗?

    我越来越奇怪的人物在我新安装的本地 WAMP 中 我刚刚从 ftp 在线下载了所有 php 文件 并在本地 mysql 服务器上恢复了备份 仅当文本包含以下内容时才会出现此问题符号或特殊字符 PHP MySQL 排序规则 latin1 sw
  • ThreadJob:无法从 BeginProcessing、... EndProcessing 方法的重写之外调用 WriteObject 和 WriteError?

    我已经安装了 ThreadJob 并且以下代码工作正常 commands r1 Start Sleep Seconds 3 r1 r2 Start Sleep Seconds 3 r2 jobs commands ForEach Objec
  • 为什么我的所有线程都使用 sleep() 进行睡眠?

    我在网上看到了下面一段关于 Linux 线程的代码 但是当我运行它时 所有线程似乎都在睡眠 而不仅仅是主线程 为什么 另外 如果没有 sleep 5 线程创建成功 语句会运行 3 次而不是 2 次 有人可以解释一下这种行为吗 谢谢 编译使用
  • 从解决方案自动生成类图?

    有没有一个免费的工具可以为我们创建类图 我们希望在解决方案上运行它 并让软件为我们生成类和相互关系的完整图表 最好有类似 UML 的图表 我们目前有 VSTS 2008 如果能内置它就太好了 您可以在 Visual Studio 中创建类图
  • Java 读取带有补充 unicode 字符的字符流

    我在使用 Java 读取补充 unicode 字符时遇到问题 我有一个文件可能包含补充集中的字符 任何大于 uFFFF 的字符 当我设置 InputStreamReader 使用 UTF 8 读取文件时 我希望 read 方法为每个补充字符
  • 设计模式:异常/错误处理

    是否有任何资源 网络或书籍 描述异常处理 错误处理设计模式 有很多关于如何编写干净代码的文献 也有很多涉及设计模式的书籍 然而 我从未见过任何设计模式涵盖以下问题 在何处以及如何最好地处理错误 以及如何最好地将低级函数中出现的错误向上传播到
  • 为多个版本的 Visual Studio 开发 Visual Studio 插件

    我的任务是为 Visual Studio 开发一些扩展以供我们内部使用 这些必须支持几个不同版本的 Visual Studio VS2008 2010 和 2012 VS2005 是一个很好的选择 但不是必需的 我希望以尽可能一致的方式开发
  • Django F 似乎不起作用?

    嗯 出于某种原因 即使在最简单的模型上 我似乎也无法让 F 正常工作 这里是 Django 1 9 x 最简单的形式是 TestAccount class TestAccount models Model decimal models De
  • Docker 运行 - 用户组未按预期工作?

    我有一个通过串行端口进行通信的脚本 dev ttyUSB0 我想从 Docker 映像中运行它 但是我似乎没有权限从图像中执行此操作 我按照以下步骤操作 在我的主机上 如果我运行ln l dev ttyUSB0 I get crw rw 1
  • 使用 SCons 进行真正的分层构建?

    所以我读过这里有关分层构建的问题 例如 使用 SCons 创建分层构建 https stackoverflow com questions 3709321 creating a hierarchical build with scons 我
  • 如何使用 Django migrate 命令跳过迁移?

    首先 我问的是1 7中引入的Django迁移 而不是south 假设我有迁移001 add field x 002 add field y 并且两者都应用于数据库 现在我改变主意并决定恢复第二次迁移并将其替换为另一个迁移003 add fi
  • 重写as_json没有效果?

    我试图在我的一个模型中覆盖 as json 部分是为了包含来自另一个模型的数据 部分是为了删除一些不必要的字段 据我所知 这是 Rails 3 中的首选方法 为了简单起见 假设我有类似的方法 class Country lt ActiveR
  • hostPID 和 hostIPC 选项在 kubernetes pod 中意味着什么?

    在 kubernetes pod yaml 规范文件中 您可以使用以下命令将 pod 设置为使用主机的网络hostNetwork true 我在任何地方都找不到关于什么的好的 适合初学者 解释hostPID true and hostIPC
  • 时间:2019-05-17 标签:c#WinformMSChartreverseYAxis

    我在 Windows 窗体上使用 MSChart 控件 我想有一个下降 Y 轴通过使用AxisY IsReversed true 但仍将 X 轴保留在底部 默认情况下 当我使用AxisY IsReversed true 然后 X 轴上升到顶
  • 将文件保存在我的项目内的指定文件夹中

    我正在创建一个 Xml 文件 我想将其保存在解决方案内项目内的指定文件夹中 我可以在解决方案资源管理器中访问它 如何指定路径以便创建文件夹并将 xml 文件保存在其中 目前 它在我的项目的根目录中创建文件 但我无法在解决方案资源管理器中查看
  • 使带有索引数组的 for 循环更快

    我有以下问题 我有带有重复索引的索引数组 并且想将值添加到数组中 如下所示 grid array xidx yidx zidx data 然而 由于我有重复的索引 这不起作用 因为 numpy 将创建一个临时数组 这会导致重复索引的数据被分
  • VueJS:选择同一文件时不会触发输入文件选择事件

    我们如何在 Vue Js 中文件输入检测相同文件输入的变化