vue-fullpage.js 头部导航栏问题

<template>
  <div>
    <ul id="menu">
      <span class="titleImg"></span>
      <li data-menuanchor="page1" class="active">
        <a href="#page1">新闻资讯</a>
      </li>
      <li data-menuanchor="page2"><a href="#page2">关于雨辰</a></li>
      <li data-menuanchor="page3"><a href="#page3">业务内容</a></li>
      <li data-menuanchor="page4"><a href="#page4">雨辰优势</a></li>
      <li data-menuanchor="page5"><a href="#page5">招聘岗位</a></li>
      <li data-menuanchor="page6"><a href="#page6">合作伙伴</a></li>
    </ul>

    <full-page :options="options" ref="page" class="full-page">

options 中 menu选项与id值对应：
menu: “#menu”,
// 是否显示导航，设为true会显示小圆点作为导航

2.
头部导航样式显示 保证始终固定在头部；解决样式问题：

#menu {
  position: fixed;
  top: 20px;
  left: 50%;
  z-index: 70;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  letter-spacing: 1px;
  font-size: 1.1em;
}

参考：
https://www.cnblogs.com/mybilibili/p/12263820.html``
https://madewith.cn/176