需求:多文件上传、兼容移动端、pc端、所选组件vant
在开发过程中都挺顺利的、测试完之后、两端都能正常上传显示、且在移动端上也点击预览正常关闭、唯独遗漏了在pc端一试、导致了后来用户反馈到“为啥在电脑上预览图片关闭不了?”
这是啥情况呢?刚开始我尝试以为是dom显示层级问题、在控制台一顿调试、效果不太理想、后面又抱着找度娘的心态去查阅了下、发现记录的都不能解决问题、于是最后偶然的机会在文档中终于看到解决方法,vant这点还是好、会把常见问题给记录下来、所用ui框架中vant做得还算比较细心的、如果一开始就去文档中找解决方法的话、会找许多弯路。解决问题方法也直接给你们贴出来,我希望你们一找度娘就能根本的解决问题:
# 安装模块
npm i @vant/touch-emulator -S
// 在main.js引入模块后自动生效
import '@vant/touch-emulator';