一个基于 vue 的浮窗组件,可在屏幕内自由拖拽,拖拽后可以根据最后的位置吸附到页面两边,而且可以点击浮窗显示菜单 附上github 项目地址vue-floating-menu 效果如下: 遇到的问题总结 鼠标移动过快,导致拖拽失焦: <div @mousedown.stop.prevent="moveStart" @click.stop.prevent="toggleMenu"></div> moveStart(e) ...
Vue-Floating-Menu 前言 正如这个名字,这是一个具有拖拽吸附功能的浮窗菜单,开源项目 一个基于 vue 的浮窗组件,可在屏幕内自由拖拽,拖拽后可以根据最后的位置吸附到页面两边,而且可以点击浮窗显示菜单 附上github 项目地址vue-floating-menu 效果如下:
<float-menu :dimension=50 :position="'bottom right'" :menu-dimension="{height: 400, width: 300}" :menu-data="{ items: [{ name: 'File' }, { name: 'Open' }, { name: 'Themes', subMenu: { items: [{ name: 'Dark' }]}}]}" menu-orientation="bottom"> <BoxIcon /> </float-...