dz门户做视频网站,南充房产信息查询系统,哪个网站有做彩平的材质贴图,wordpress和dede效果图 原理与源码
我们这里的思路是用ant组件库的upload组件#xff0c;就是如下这个 用这个包裹住所有页面#xff0c;你可以是包裹住App.vue#xff0c;或者是你的homepage。但是这个涉及到一个问题#xff0c;就是我们现在确实是可以拖拽导进来文件了#xff0c;但是…效果图 原理与源码
我们这里的思路是用ant组件库的upload组件就是如下这个 用这个包裹住所有页面你可以是包裹住App.vue或者是你的homepage。但是这个涉及到一个问题就是我们现在确实是可以拖拽导进来文件了但是同时页面随便一点也会触发这个导入文件的对话框而我们并不想触发这个也就是我们的最终目的是包裹住整个页面后只可以拖拽不可以点击。 但是ant仿佛并没有提供类似click方法无法重写覆盖于是这里我们使用了事件冒泡的机制。阻止了上层要素的click事件于是完美解决。 改造成我们所需的就是这样 a-upload-draggernamefileaction:showUploadListfalsedrophandleDrop:before-uploadbeforeUploadstyleheight: 100%;width: 100%;!-- 阻止upload组件的click事件 --div onclickevent.stopPropagation()!-- 你的页面 --/div/a-upload-dragger
