Javascript Vue.js在生成的文件中生成链接

我在Vue.js中创建了我的网站，因为我发现动态更容易，我想提高我的知识。然而，当我开始建立SEO策略时，我开始遇到一些困难

然后我找到了插件“prerender spa插件”、“vue标记管理器”和“vue meta”，它几乎在所有方面都救了我的命。现在，当我运行“npm run build”时，它会生成具有以下图像结构的html站点：

但是，我没有找到如何使其在最终文件中生成链接，因为我的边栏：

<li
            id="menu-item-23731"
            @click="hoverLi = true"
            @mouseover="hoverLi = true"
            @mouseleave="hoverLi = false"
            class="li-master icon-solucoes menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children mouse-open"
          >
            <a @click="$router.push({ name: 'Solucoes' })">
              <span>Soluções</span>
              <i class="icon-arrow-right"></i>
              <i class="icon-arrow-right"></i>
              <i class="icon-arrow-right"></i>
            </a>
            <ul class="sub-menu" v-show="hoverLi == true">
              <li
                id="menu-item-281"
                class="menu-item menu-item-type-post_type menu-item-object-page"
              >
                <a @click="$router.push({ name: 'Solucoes' })"
                  >Visão geral</a
                >
              </li>
              <li
                id="menu-item-282"
                class="icon-gold menu-item menu-item-type-post_type menu-item-object-solucoes"
              >
                <a @click="$router.push({ name: 'Gold' })"
                  >Gold - Omnichannel</a
                >
              </li>
              <li
                id="menu-item-43822"
                class="icon-opal menu-item menu-item-type-post_type menu-item-object-solucoes"
              >
                <a @click="$router.push({ name: 'Opal' })">Opal - WMS</a>
              </li>
              <li
                id="menu-item-43821"
                class="icon-jade menu-item menu-item-type-post_type menu-item-object-solucoes"
              >
                <a @click="$router.push({ name: 'Jade' })">Jade - LiMS</a>
              </li>
              <li
                id="menu-item-282"
                class="icon-quartz menu-item menu-item-type-post_type menu-item-object-solucoes"
              >
                <a @click="$router.push({ name: 'Quartz' })"
                  >Quartz - AMS</a
                >
              </li>
              <li
                id="menu-item-23861"
                class="fas fa-wifi menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"
              >
                <a>Módulos IoT</a>
                <ul class="sub-menu">
                  <li
                    id="menu-item-288"
                    class="icon-garnet menu-item menu-item-type-post_type menu-item-object-solucoes"
                  >
                    <a @click="$router.push({ name: 'Garnet' })"
                      >Garnet - Beacons</a
                    >
                  </li>
                </ul>
              </li>
            </ul>
          </li>

有人知道如何让vue.js在final.html中生成链接吗？非常感谢您的社区。
您好，您能把它的格式设置得更好一点吗？到目前为止，代码还不是真正可读的。因此，我甚至不明白现在没有生成什么。PS：您可以通过检查源代码（页面上的
ctrl+U
）或禁用JS来检查您的网站是否正在生成您期望的内容。它不生成链接的原因是您没有在
标记中提供
href
。因此，我打赌如果你能使用
一切都会很好。没错，
@click
事件侦听器不会生成任何内容，因为它们根本无法生成任何路径，它们正在等待你单击它们以将你带到特定页面。
<li id="menu-item-23731"
                                              class="li-master icon-solucoes menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children mouse-open">
                                              <a><span>Soluções</span><i class="icon-arrow-right"></i><i
                                                        class="icon-arrow-right"></i><i
                                                        class="icon-arrow-right"></i></a>
                                              <ul class="sub-menu" style="display: none;">
                                                   <li id="menu-item-281"
                                                        class="menu-item menu-item-type-post_type menu-item-object-page">
                                                        <a>Visão geral</a></li>
                                                   <li id="menu-item-282"
                                                        class="icon-gold menu-item menu-item-type-post_type menu-item-object-solucoes">
                                                        <a>Gold - Omnichannel</a></li>
                                                   <li id="menu-item-43822"
                                                        class="icon-opal menu-item menu-item-type-post_type menu-item-object-solucoes">
                                                        <a>Opal - WMS</a></li>
                                                   <li id="menu-item-43821"
                                                        class="icon-jade menu-item menu-item-type-post_type menu-item-object-solucoes">
                                                        <a>Jade - LiMS</a></li>
                                                   <li id="menu-item-282"
                                                        class="icon-quartz menu-item menu-item-type-post_type menu-item-object-solucoes">
                                                        <a>Quartz - AMS</a></li>
                                                   <li id="menu-item-23861"
                                                        class="fas fa-wifi menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                                        <a>Módulos IoT</a>
                                                        <ul class="sub-menu">
                                                             <li id="menu-item-288"
                                                                  class="icon-garnet menu-item menu-item-type-post_type menu-item-object-solucoes">
                                                                  <a>Garnet - Beacons</a></li>
                                                        </ul>
                                                   </li>
                                              </ul>
                                         </li>