Vue+element-ui实现网页右侧快捷导航栏 Vue实现全局右侧快捷菜单功能组件

Vue+element-ui实现网页右侧快捷导航栏 Vue实现全局右侧快捷菜单功能组件

可视区域没超过当前屏幕高度时候只显示三个菜单效果

可视区域超过当前屏幕高度时，显示可回到顶部菜单的，当然这个菜单显示条件可以自定义，根据需求设置

然后将这个整体功能创建为一个全局组件

代码如下：

<template>
  <div>
    <div class="backBlock">
      <div
        class="phoneNums"
        @mouseenter="showTooltipPhone"
        @mouseleave="hideTooltipPhone"
      >
        <img
          v-if