vue获取input框中的files属性

Question

如何使用vue获取inputtype类型是file的files属性<input type="file"><input type="text" v-model="scr"><input type="button" @click="btn" value="提交">    <script>        new Vue({            el:"body",            methods:{                btn：function(){                    console.log(this.scr)//这样可以获取相应的value的值                }            },            data:{                scr:""            }        })    </script>我怎样象获取input中value的值来获取files属性呢求指教

Answer 1

<input type="file" ref="file">

<button @click="getFile">获取文件</button>

 methods: {

    getFile() {

      console.log(this.$refs.file.files)

    },

}