网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
08月04日漏签0天
前端吧 关注:224,229贴子:1,387,007
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 1 2 下一页 尾页
  • 49回复贴,共2页
  • ,跳到 页  
<<返回前端吧
>0< 加载中...

插件与手写如何抉择?

  • 只看楼主
  • 收藏

  • 回复
  • 小小小蓝蜗牛
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
vue工程接到一个需求:实现卡片的拖拽排序,想用HTML5的draggable属性实现,涉及到鼠标点中移动放开事件,坐标定位,元素替换…想想还有点繁琐,就想着有没有其他插件实现,找到一个vuedraggable插件,真香!实现了需求,可是转念一想,总是用插件不去手动实现,再这样下去是不是就废了?!大佬们给点意见!


  • 丶凌云美男子
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
确实 所以我煮饭都是钻木取火的 要是都用天然气煮迟早废了
知道原理和用工具并不矛盾 原理是兜底 工具提效率


2025-08-04 17:05:10
广告
不感兴趣
开通SVIP免广告
  • 陈三三111
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
保证自己有造工具的实力就可以了


  • 莫慌问题不大
  • 后起之秀
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
h5还有这个属性我都不知道


  • 青子衿印我心
  • 后起之秀
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
其实效果最好的是dragstart、dragover和drop组合


  • Cheer
  • 四方游侠
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
这种拖拽的直接上插件


  • 贴吧用户_7tyAA3y
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
拖拽放置是一套很复杂的流程,要实现拖拽后的对象绑定事件不丢失,手机和pc鼠标能公用,要做的事情很多,光第一个需求我相信这个吧也很多人做不到


  • 海拉12457
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
屁大点功能还要插件?
你既然知道这个启动拖拽的属性,就应该知道有拖拽事件,接受拖拽事件。拖拽悬浮事件,拖拽携带事件,还用插件
draggable开启可拖动
@网页链接 @网页链接 // 阻止浏览器默认行为,不然会显示一个叉叉,不好看
阻止默认行为
@dragleave.stop=“dragleave($event, ‘main’)”
进入离开当前元素都会触发
@dragend.stop=“dragEnd($event, item)”
放下拖拽内容触发


2025-08-04 16:59:10
广告
不感兴趣
开通SVIP免广告
  • 海拉12457
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
记。
dragstart:当单击下鼠标,并移动之后执行。
drag:在dragstart执行之后,鼠标在移动时连续触发。
dragend:当拖拽行为结束,也就是松开鼠标的时候触发。
dragenter:当正在拖拽的元素的标记进入某个Dom元素时触发,自身首先会触发。被进入的Dom元素会触发这个事件。
dragover:当拖拽的元素的标记在进入的Dom元素上移动时触发,在自身移动时也会触发。
dragleave:当拖拽的元素在离开进入的Dom时触发。
H5拖拽属性 draggable
draggable:当需要某个元素可以拖拽时,需设置为true,默认为false。选中的文本、图片、链接默认可以拖拽。
DataTransfer对象:该属性用于保存拖放的数据和交互信息,该组件没有使用到,暂忽略


  • 安达利尔的罩杯
  • 武林新贵
    8
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
自己写功能不全,做得不如插件好,总是自己实现插件才是费力不讨好。有时间看看这些插件代码也行


  • 黑凯木
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
如果你真的是用在项目里面。能用插件就用插件。不是说自己动手造轮子不好。是因为别人开源插件是经过无数使用者测试过的。bug少。你自己写的就只是个玩具。


  • 小和nagomi
  • 人中龙凤
    11
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
不用加动效看看api就能随便写,加动效那就难咯


  • 1312825990
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
反正都是搬砖,不要重复造轮子


  • 醒着也没有什么时候
  • 初涉江湖
    1
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
你用Sortable js试下,vue draggable是在这个基础上封装的,这个比较原生,而且和elementui 有些不兼容,文档也比较难阅读,当初我研究了好久


2025-08-04 16:53:10
广告
不感兴趣
开通SVIP免广告
  • 东吴孙笨-
  • 武林高手
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
然后写出一堆bug 工期赶不上


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 1 2 下一页 尾页
  • 49回复贴,共2页
  • ,跳到 页  
<<返回前端吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示