学习笔记-vue.js获取file文件数据

在vue中file不能像其他input一样使用 v-model 双向数据绑定,因为文件选择是只读,只能用onchange监控值得变化。

所有需要使用v-on:change去监控。

例1:

<input type="file" ref="file"/>
<span @click="getFile ">提交</span>
getFile () {
  console.log(this.$refs.file.files)
}

例2:

<input type="file" @change="getFile "/>
getFile (e) {
  console.log(e.target.files)
}


猜你喜欢

转载自www.cnblogs.com/opcec/p/9268707.html