v-model 与输入文件不兼容

【问题标题】：v-model not compatibile with input filev-model 与输入文件不兼容
【发布时间】：2021-05-06 15:09:36
【问题描述】：

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

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

【问题讨论】：

【解决方案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);
},

【讨论】：