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 +惯性

大家好，我有 laraveland vue 3 应用程序，我使用惯性来粘合服务器端和客户端。我在 home.vue 页面中嵌套了组件用户我想自定义 user/{id}/ 到

vuejs3 vue-router inertiajs laravel-10

回答 1 投票 0

如何在vuejs中获取http引用？

我想知道用户来自我的页面中的哪个页面。目前，我想在我的created()或mounted()页面中获取此信息。使用 this.$router 或 this.$route 但它们都不能...

vue.js vuejs2 vue-router

回答 3 投票 0

Vue3 Vuex Vue-route状态好像是undefiend

我过去创建了一个小型 vue 应用程序，没有任何路由或存储。我什至不会描述“后端”。现在我的任务是创建一个更大的应用程序。所以我想...

vuejs3 vuex vue-router

回答 1 投票 0

如何使用 Vue 3 将对象作为 props 传递给 Vue Router？

如何使用 Vue Router 在 Vue 3 中将对象作为 props 传递？这可以在 Vue 2 中实现，遵循此处接受的答案及其相应的 JSFiddle。在 Vue 3 中，此语法将 Push

vue.js vue-router vuejs3

回答 3 投票 0

为什么我无法使用 RouterView 在 vue 中将数据从父组件传递到子组件？

这是一个简单的程序，我将用户输入的数据从主页发送到服务器（通过 axios），获取响应并将数据发送到 App.vue。 App.vue接收数据并将数据传递给所有它

axios vuejs3 vue-router

回答 1 投票 0

Vue Router：如何将参数转换为整数而不是字符串？

当我使用浏览器字段输入 URL 时，参数将转换为字符串，而不是整数，例如/user/1 返回 {id: "1"}。然而，当使用 this.$route.push({}) 时，参数是，

vue.js vue-router

回答 7 投票 0

Vue Router 不匹配具有多个动态值的 url

我正在尝试向我的路线添加嵌套网址。到目前为止，除了最后一条之外，每条路线都运行良好（请参见下面的代码）。我还尝试嵌套 url（使用 Children 属性），但没有成功...

javascript vue.js vue-router

回答 1 投票 0

简单的 Nuxt 3 页面转换不起作用

我正在发现 Nuxt 3，并且只是想在页面之间制作动画。这个想法是使用 javascript hooks 使用 js 库（例如 gsap 或 AnimeJs）进行页面转换。所以在我的 app.vu 中...

vue.js nuxt.js vue-router nuxtjs3

回答 5 投票 0

Vue3 + 类组件 + Typescript：如何在使用面向 Vue 的装饰器时使用 beforeRouteEnter

我正在尝试将 beforeRouteEnter 函数调用到 VUE3 类组件中。我尝试使用 Component 修饰符并将函数放在类中，但它们都不起作用。 ... 我试图在 VUE3 类组件中调用 beforeRouteEnter 函数。我尝试使用组件修饰符并将函数放在类中，但它们都不起作用。 <template> <div> ... </div> </template> <script lang="ts"> import { Vue, Component } from 'vue-class-component'; @Component({ modifier: (options) => { options.beforeRouteEnter = (to, from, next) { // do something } } }) export default class HelloWorld extends Vue { // or try to place the router function here beforeRouteEnter(to, from, next) { // do something } } </script> 那么我应该怎么做才能在 vue-faceing-decorator 中调用路由器钩子如果你想使用非 vue 原生提供的钩子，试试这个 https://faceing-dev.github.io/vue-faceing-decorator/#/en/class-component/hooks/hooks?id=for-其他名称

vuejs3 vue-router vue-class-components

回答 1 投票 0

vue-router 相关问题

最新问题