vue-router 相关问题

我正在使用Vue 3和vite。对于图标，我使用很棒的字体。这是我的代码：我正在使用Vue 3和vite。对于图标，我使用很棒的字体。这是我的代码： </template> <div class="pages flex flex-col bg-maincolor rounded-lg py-3"> <router-link v-for="page in pagesList" :key="page.title" :to="{ name: page.to }" class="box flex flex-col items-center justify-center h-[70px]" > <font-awesome-icon :icon="[page.itype, page.iname]" class="text-headcolor text-xl mb-2" /> <font-awesome-icon /> <span class="text-headcolor text-sm uppercase">{{ page.title }}</span> </router-link> </div> </template> <script> import { ref } from "vue"; export default { name: "AppNavbar", setup: () => { const pagesList = ref([ { title: "about", to: "about", itype: "far", iname: "user" }, { title: "resume", to: "resume", itype: "far", iname: "rectangle-list" }, { title: "works", to: "works", itype: "fas", iname: "eye" }, { title: "blog", to: "blog", itype: "fas", iname: "newspaper" }, { title: "contact", to: "contact", itype: "far", iname: "paper-plane" }, { title: "products", to: "products", itype: "fas", iname: "laptop-code" }, ]); return { pagesList, }; }, }; </script> <style lang="scss" scoped></style> 一切正常，直到我完成循环我的问题是如何解决问题出在哪里？我需要它更有活力，但我不工作！抛出此错误是因为创建了第二个 FontAwesomeIcon 组件，而没有传递 icon 属性： <font-awesome-icon :icon="[page.itype, page.iname]" class="text-headcolor text-xl mb-2" /> <font-awesome-icon /> <---- right here 看起来您之前已将其作为结束标记，或者您的 IDE 在您重写代码时自动创建了它。但是，如果它打算有两个 FontAwesomeIcons，那么显然您也会传递 icon 属性的数据。

vuejs3 vue-router vite

回答 1 投票 0

Vue Router，有没有办法用导航守卫保留上一页的查询

正如主题所说，我只想将查询从当前页面带到下一页，而不必显式地将其放入我的所有推送功能中，但可能只是导航防护或一些

javascript node.js vue.js vue-router

回答 1 投票 0

未捕获错误：[vue-router] 路由配置中需要“路径”

我正在遵循官方示例，但我不知道为什么我会得到一个带有此js错误的空白页面 vue-router.esm.js?fe87:10 未捕获错误：[vue-router] 路由配置中需要“路径”。 ...

vue.js vue-router

回答 3 投票 0

尝试将Vue导入到Vue路由器中

我可以在 vue 路由器文件中写入 'import {vue} from 'vue' 吗从 '../components/home.vue' 导入 home 从 'vue' 导入 {vue} 从“vue-meta”导入 VueMeta vue.use(VueMeta , { keyName: '遇见...

vue.js vue-router vue-meta

回答 1 投票 0

vue-router 4 '/:pathMatch(.*)*' 不起作用？

大家好我想问一下关于vue-router的问题。当我使用 vue 2 时，如果有一个页面不匹配，我会使用 path: '*' 转到我的 page404 但在 vue 3 中，它在我之后被替换为 '/:pathMatch(.)' ...

javascript vue.js vue-router

回答 2 投票 0

为什么会出现错误 - 未捕获的语法错误：请求的模块'/src/router/index.js'在main.js vue中没有提供名为'default'的导出？

在 vite vue 运行时出现错误 - 为什么会出现错误 - 未捕获的语法错误：请求的模块 '/src/router/index.js' 未在 main.js vue 提供名为 'default' 的导出？怎么了？ https://

javascript vue.js vuex vue-router vite

回答 3 投票 0

vue-router 相关问题

最新问题