Quasar Vue Router 解析名为route的href

Question

我正在尝试使用 vue router 构建一个 href 链接

我在routes.js中有以下内容

  const routes = [
  {
    path: "/",
    component: () => import("layouts/MainLayout.vue"),
    children: [
      { path: "", component: () => import("pages/IndexPage.vue") },
      {
        path: "download",
        name: "download",
        component: () => import("pages/Download.vue"),
      },
   ]
 }

我正在尝试构建一个“download”的 href 字符串，它看起来像“/#/download”

我试过了

<script>
import {useRouter} from "vue-router";
const router = useRouter();

var myhref = router.resolve({name: "download"}).href; // will this give me "/#/download"
</script>

我似乎无法让这个工作。我想知道这是否是在 Quasar vue router 中获取 url 字符串的正确方法？

Answer 1

useRouter() 需要位于 setup() 内部

https://github.com/vuejs/vue-router/issues/3379