vue制作可拖动的div(超级简单)
一下方法也是我百度的 但是筛选了好几个 发现这个最简单只要两步:1.在单文件组件中将这个自定义指令复制进去2.在需要的div 写上这个指令即可// 自定义指令 实现可拖动directives: {drag(el, bindings) {el.onmousedown = function(e) {var disx = e.pageX - el.offsetLeftvar disy = e.pageY
·
一下方法也是我百度的 但是筛选了好几个 发现这个最简单
只要两步:
1.在单文件组件中将这个自定义指令复制进去
2.在需要的div 写上这个指令即可
// 自定义指令 实现可拖动
directives: {
drag(el, bindings) {
el.onmousedown = function(e) {
var disx = e.pageX - el.offsetLeft
var disy = e.pageY - el.offsetTop
document.onmousemove = function (e) {
el.style.left = e.pageX - disx + 'px'
el.style.top = e.pageY - disy + 'px'
}
document.onmouseup = function() {
document.onmousemove = document.onmouseup = null
}
}
}
}
一步到位!点个赞再走呗
更多推荐
已为社区贡献6条内容
所有评论(0)