在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)
}