vue.js确认对话框_使用vue.js的简单可拖动对话框

vue.js确认对话框

Vue-Dialog-Drag (vue-dialog-drag)

A Vue Draggable Dialog Component

Vue可拖动对话框组件

特征： (Features:)

• Drag & Drop

  拖放

• Touch support (only for drag, not for drop)

  触摸支持(仅用于拖动，不用于放置)

• Drop area component

  下降区域分量

• 'Pin mode', to lock drag.

  'Pin模式'，以锁定拖动。

View demo 查看演示 Download Source 下载源

安装 (Installation)

npm install vue-dialog-drag --save

用法 (Usage)

Import and register component

导入和注册组件

import DialogDrag from 'vue-dialog-drag'

export default{
  ...
  components:{
    DialogDrag
  }
}

include css

包括CSS

<style src='vue-dialog-drag/dist/vue-dialog-drag.css'></style>

Or import source component from: 'vue-dialog-drag/src/vue-dialog-drag.vue' And install devDependencies. (stylus and pug) see package.json)

或从以下来源导入源组件：'vue-dialog-drag / src / vue-dialog-drag.vue'并安装devDependencies。 (手写笔和哈巴狗)请参见package.json )

作者 (Author)

emiliorizzo

Dem ## GitHub (Dem##GitHub)

翻译自: https://vuejsexamples.com/a-simple-draggable-dialog-with-vue-js/

vue.js确认对话框