v-model不支持input type ="file"

我不能使用v-model文件输入,Vue说我必须使用v-on:change.好的,我可以使用v-on:change,但是如何将输入文件的"内容"绑定到data属性？

假设我想将它绑定到组件中this.file:

export default {
  data() {
    file: null
  },
  // ...
}

这是HTML部分:

我该怎么做绑定？

在onchange事件中,你应该通过事件对象的功能和处理:

onFileChange(e) {
  var files = e.target.files || e.dataTransfer.files;
  if (!files.length)
    return;
  this.createImage(files[0]);
},

有关更多信息,请参阅https://codepen.io/Atinux/pen/qOvawK/

使用v-model文件输入是没有意义的,因为你不能在文件输入上设置一个值 - 那么双向绑定应该在这里做什么？

只是用 v-on:change