v-model 与输入文件不兼容

Posted 2023-02-23

【中文标题】v-model 与输入文件不兼容

【英文标题】：v-model not compatibile with input file

【发布时间】：2021-05-06 15:09:36

【问题描述】：

我无法将 v-model 放入 type="file" 的输入标签中，有什么好的选项可以解决这个问题吗？ 这就是我的 html 的样子：

<input v-model="imageReference" type="file" name="file"/>

【问题讨论】：

这能回答你的问题吗？ File input on change in vue.js

v-on 和 v-model 是一样的东西吗？

【参考方案1】：

使用 v-model 没有意义，因为您无法在文件输入上设置值 - 因此这里没有两种方式绑定

只需使用 v-on:change

<input id="image" v-on:change="onFileChange" type="file">

并定义一个类似的方法

onFileChange(e) 
  var files = e.target.files || e.dataTransfer.files;
  console.log(files);
,