Javascript v-model与输入文件不兼容

Javascript v-model与输入文件不兼容,javascript,html,vue.js,Javascript,Html,Vue.js,我不能用type=“file”将v型模型放在输入标记中,有什么好的方法可以解决这个问题吗? 这是我的HTML的外观: <input v-model="imageReference" type="file" name="file"/> 使用v-model没有任何意义,因为您无法在文件输入上设置值-因此这里没有双向绑定 只要使用v-on:改变 <input id="image" v-on:change

我不能用type=“file”将v型模型放在输入标记中,有什么好的方法可以解决这个问题吗? 这是我的HTML的外观:

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

使用v-model没有任何意义,因为您无法在文件输入上设置值-因此这里没有双向绑定

只要使用v-on:改变

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

这回答了你的问题吗?v-on和v-model是一样的吗?
onFileChange(e) {
  var files = e.target.files || e.dataTransfer.files;
  console.log(files);
},