Web Demo Mobile Demo Angular Demo Vue Demo React Demo

文件按钮 FileButton

源代码
<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>