首页 > Web开发 > 详细

js div推拽

时间:2021-08-05 22:25:51      阅读:18      评论:0      收藏:0      [点我收藏+]
<template>
  <div>
    <br/>
    <div @drop="tt()" @dragover.prevent>
      <div>
        {{ test }}
      </div>
    </div>
    <br/>
    <div :draggable="true" @dragover.prevent @dragstart="drag" @click="btnClick">点击</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      test: [‘yuan ‘]
    };
  },
  methods: {
    btnClick() {
    }
    ,
    drag(vm) {
      console.log(vm);
    },
    tt() {
      this.test.push(‘aaaa‘)
    }
  }
}
</script>

js div推拽

原文:https://www.cnblogs.com/linhan8888/p/15104746.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!