前端 页面悬浮按钮可拖动实现（vue和js写法）

需求：

1. 每个页面都能自动加上悬浮按钮 2. 可拖拽 3. 点击返回首页

效果图：

方式一：js原生写法：

注：如果想在vue项目中的每个页面都加上悬浮按钮，可用js，写在APP.vue的onLaunch（）函数里

方式二：

1.创建一个FloatingButton.vue的组件

2.然后在main.js中注册全局组件（这里大家根据自己的实际路径替换）

import FloatingButton from '@/workspaces/tools/FloatingButton.vue';

Vue.component('FloatingButton', FloatingButton)

3.最后在需要这个悬浮按钮的页面模板中用这个组件就可以了

文章链接