onewebapp-window v1.1.2

onewebapp-window

安装

npm i -S onewebapp-window

介绍

这是一个类似于window窗口的组件，可以拖拽移动，拖拽缩放

使用

• 单独引用

<template>
  <div>
    <window title="窗口" :visible.sync="v">
        <div>内容</div>
    </window>
  </div>
</template>

<script>
import window from 'onewebapp-window'

export default {
  components: {
    window
  },
  data() {
      return {
          v: true
      }
  }
}
</script>

• 全局引用

//在main.js
import window from 'onewebapp-window'

Vue.use(window)

传值

事件

注意

// 若出现事件无法取消，则在父元素上添加事件

<div @mouseup="clearEvent" style="position: relative; width: 100%; height: 100%">
    <window></window>
</div>

clearEvent() {
    document.onmousemove = null;
    document.onmouseup = null;
}