myz-drag-drop

drag-drop

使用

安装

npm install myz-drag-drop

在main.js引入并配置

// 拖拽组件
import TqDraggle from 'myz-drag-drop'
import 'myz-drag-drop/dist/myz-drag-drop.css'

Vue.use(TqDraggle)

在vue文件使用

<template>
  <tq-draggle
    :styles="{
      width: '500px',
      height: '400px',
      background: '#ffffff',
      border: '1px solid #cdcdcd'
    }">
    <ul>
      <li>测试测试测试测试测试测试测试测试</li>
      <li>测试测试测试测试测试测试测试测试</li>
    </ul>
  </tq-draggle>
</template>

<script>
export default {
  name: 'Draggle',
}
</script>

<style lang='scss' scoped>

</style>

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.