<template> <div> <h2>Basic FileButton</h2> <FileButton style="width:100px" @select="onFileSelect($event)">Select a file</FileButton> <p v-if="filename">You selected: {{filename}}</p> </div> </template> <script> export default { data() { return { filename: null }; }, methods: { onFileSelect(event) { this.filename = event[0].name; } } }; </script>