vant回显上传的视频

Vant 是一个基于 Vue.js 的移动端组件库，它本身并不提供视频上传的功能，但可以使用 Vant 中的上传组件来实现视频上传。上传成功后，可以通过视频的 URL 地址来回显该视频，例如：

<van-uploader
  v-model="fileList"
  :after-read="afterRead"
  :preview-options="{ fullScreen: false }"
  accept="video/*"
>
  <van-button slot="upload">上传视频</van-button>
</van-uploader>

<video :src="videoUrl" controls></video>

在上传成功之后，`afterRead` 方法会返回上传成功的文件信息，我们可以从中获取视频的 URL 地址，并将其赋值给 `videoUrl` 变量，然后在页面中通过 `<video>` 标签来回显该视频。

export default {
  data() {
    return {
      fileList: [],
      videoUrl: ''
    }
  },
  methods: {
    afterRead(file) {
      this.videoUrl = URL.createObjectURL(file.raw);
    }
  }
}