vue获取input框中的files属性

<input type="file" ref="file">
<button @click="getFile">获取文件</button>

 methods: {
    getFile() {
      console.log(this.$refs.file.files)
    },
}

不能用文本框获取 value 的方式获取文件信息

<input type="file" @change="getFile">

methods: {
  getFile (e) {
    var files = e.target.files
  }
}

<input type="file" id="file">
<input type="button" @click="btn" value="提交">

 new Vue({
            el:"body",
            methods:{
                btn：function(){
                    console.log(document.getElementById('file').files);
                }
            },
            data:{
                scr:""
            }
        })

要想获取文件属性，得上传文件，上传文件里能看到file的属性，比如这样：

  <input type="file"  multiple="multiple"  v-on:change="uploadFile($event)" >上传

在method里调用这个uploadFile方法，打印$event.target.files就能看到文件的属性了，包含文件大小种类等属性