vue怎么实现选择文件上传显示文件名

您好，关于您的问题，可以通过以下步骤实现：

1. 在 Vue 组件中添加一个 input 标签，并设置 type 属性为 file。
2. 为 input 标签添加一个 change 事件监听器。
3. 在事件监听器中获取选中的文件，并将文件名保存到 Vue 实例的 data 中。
4. 在模板中显示文件名。

具体代码如下：

<template>
  <div>
    <input type="file" @change="handleFileChange">
    <p>选择的文件名：{{ fileName }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileName: ''
    }
  },
  methods: {
    handleFileChange(e) {
      const file = e.target.files[]
      this.fileName = file.name
    }
  }
}
</script>

希望能对您有所帮助。