<template>
<div class="drag">
<div ref="element" class="content" v-drag draggable="false">
<p>文字网页</p>
</div>
<div style="height:2000px;width:100%"></div>
</div>
</template>
<script >
export default {
data(){
return {
dd:"",
inout:""
}
},
directives: {
drag(el){
let oDiv = el; //当前元素
let self = this; //上下文
//禁止选择网页上的文字
document.onselectstart = function() {
return false;
};
oDiv.onmousedown = function(e){
//鼠标按下,计算当前元素距离可视区的距离
let disX = e.clientX - oDiv.offsetLeft;
let disY = e.clientY - o
vue v-drag 拖动 拖拽 移动div 拖拽滑动div
最新推荐文章于 2024-01-30 15:44:07 发布