问题描述

        基于Vue3+Vant IU 4开发的移动端地图App，在进行地图点位上报、上报记录查看过程中，出现App卡顿、甚至闪退的问题，进行问题定位之后，发现是van-uploader组件导致的问题。

van-uploader文件上传组件

        van-uploader组件用于将本地的图片或文件上传至服务器，并在上传过程中展示预览图和上传进度。

        Tips：目前 Uploader 组件不包含将文件上传至服务器的接口逻辑，该步骤需要自行实现。

        基础用法如下，

<van-uploader :after-read="afterRead" />

export default {
  setup() {
    const afterRead = (file) => {
      // 此时可以自行将文件上传至服务器
      console.log(file);
    };

    return {
      afterRead,
    };
  },
};

解决方案

基本参数限制

        可以设置文件大小限制、文件上传数量限制。

设置result-type属性

   result-type 字段表示文件读取结果的类型，