vue3实现文本移动与拖拽效果组件

<template>
  <div class="video-dialog" :style="setStyle" ref="resizeRef" v-if="modelValue" @mousedown="zIndexChange">
      <div class="title">
        <div class="left" ref="el">
          <div class="name">
            {
 { title }}
          </div>
        </div>
        <div class="right">
          <div class="right_item" @click="full">
            <el-icon size="24">
              <FullScreen/>
            </el-icon>
          </div>
          <div class="right_item" @click="close">
            <el-icon size="24">
              <Close/>
            </el-icon>
          </div>
        </div>
      </div>
      <div class="content">