当前位置: 首页 > news >正文

Vue移动端地图App:van-uploader导致的卡顿问题

问题描述

        基于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 字段表示文件读取结果的类型,

相关文章:

  • 企业级-生成PDF移除异常空白页
  • pycharm配置conda解释器
  • 【SSL 1056】最大子矩阵 (多维DP)
  • 统计信号处理基础 习题解答11-8
  • C语言中宏定义控制日志输出及log库介绍
  • 在大型项目中,怎样有效地组织和管理 SCSS 文件结构以提高开发效率?
  • 米国政府呼吁抛弃 C 和 C++
  • 基于Lua源码开发动态库供lua脚本使用
  • 红黑树插入删除流程(流程图)
  • 记一次小程序渗透
  • 1982Springboot宠物美容院管理系统idea开发mysql数据库web结构java编程计算机网页源码maven项目
  • 网络安全筑基篇——反序列化漏洞
  • 二分查找及其变种
  • Visio框图自动带填充色原因及如何取消
  • Windows系统安装MySQL8.0.38
  • __proto__ 和 prototype的关系
  • Docker 笔记(1):介绍、镜像、容器及其基本操作
  • java小心机(3)| 浅析finalize()
  • Less 日常用法
  • Mysql数据库的条件查询语句
  • oldjun 检测网站的经验
  • Python 反序列化安全问题(二)
  • seaborn 安装成功 + ImportError: DLL load failed: 找不到指定的模块 问题解决
  • SpiderData 2019年2月16日 DApp数据排行榜
  • SpringBoot几种定时任务的实现方式
  • 分享一份非常强势的Android面试题
  • 三栏布局总结
  • 温故知新之javascript面向对象
  • 看到一个关于网页设计的文章分享过来!大家看看!
  • 3月27日云栖精选夜读 | 从 “城市大脑”实践,瞭望未来城市源起 ...
  • ​2021半年盘点,不想你错过的重磅新书
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • ​草莓熊python turtle绘图代码(玫瑰花版)附源代码
  • #Linux(帮助手册)
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • #数据结构 笔记一
  • #我与Java虚拟机的故事#连载01:人在JVM,身不由己
  • (03)光刻——半导体电路的绘制
  • (附源码)springboot“微印象”在线打印预约系统 毕业设计 061642
  • (牛客腾讯思维编程题)编码编码分组打印下标题目分析
  • (三)终结任务
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • *p++,*(p++),*++p,(*p)++区别?
  • .Net Attribute详解(上)-Attribute本质以及一个简单示例
  • .Net Remoting常用部署结构
  • .NET 设计模式—简单工厂(Simple Factory Pattern)
  • .net 提取注释生成API文档 帮助文档
  • .net反混淆脱壳工具de4dot的使用
  • @在php中起什么作用?
  • [.NET]桃源网络硬盘 v7.4
  • [10] CUDA程序性能的提升 与 流
  • [AIGC] SQL中的数据添加和操作:数据类型介绍
  • [Algorithm][动态规划][简单多状态DP问题][按摩师][打家劫舍Ⅱ][删除并获得点数][粉刷房子]详细讲解
  • [Android]如何调试Native memory crash issue