vue-router 相关问题

Vue Router是一个用于单页面应用程序的路由库,设计用于Vue.js框架。

vue-router – 检查特定子路由的子路由

在 stackoverflow 上检查了类似的问题,但找不到有效的解决方案。 我想检查子路径是否是显示容器的特定路径的子路径(或不是)。 以下不...

回答 3 投票 0

如何在 Vue Router v4 中为自定义元字段声明 TypeScript 类型接口?

Vue Router 版本 4,目前在 vue-router-next repo 的 beta.11 中,有一个关于如何使用 TypeScript 定义元字段自定义类型接口的文档页面。 声明模块...

回答 2 投票 0

为什么我在使用 vue 路由器哈希模式时会出现这种奇怪的行为?

我有一个 vue 项目,路由器表现得很奇怪: 我用一个 我使用哈希模式 我使用 vue.js 2 我期待/#/page 我得到/page#/ 我究竟做错了什么? 最好的...

回答 1 投票 0

vue-router:根据条件为相同的路径提供不同的视图

我们希望使用 vue-router 根据用户是否经过身份验证让给定路径显示不同的视图 我正在研究两种方法,但我不确定如何在这方面工作......

回答 1 投票 0

如何在 vue.js 的路由的 beforeEnter 中访问参数或 history.state?

我使用 vue.js。 当用户直接键入 url('/question') 并单击按钮但没有值时,我想阻止访问没有某些值(questionNo)的页面。 主视图 函数按钮ClickFunc(...

回答 1 投票 0

Uncaught (in promise) ReferenceError: state is not defined

出现这样的错误: 从 'vuex' 导入 { createStore } 从 './postModule' 导入 { postModule } 导出默认 createStore({ 模块:{ /* post - название модуля */ 帖子:

回答 1 投票 0

问题:执行设置函数期间未处理的错误和执行调度程序刷新期间未处理的错误

我有一个组件 UserView: 加载中... 我有一个组件 UserView: <template> <div> <div class="text-center w-full text-xl text-green-700" v-if="isLoading"> Loading... </div> <div class="text-center w-full text-xl text-red-700" v-if="error">Something was happened</div> <div v-if="users" class="w-full mt-5 overflow-x-auto"> <table class="w-1/2 text-sm ml-auto mr-auto text-center text-gray-500"> <thead class="text-xs text-gray-700 uppercase bg-gray-50"> <tr> <th scope="col" class="px-3 py-1.5"> FirstName </th> <th scope="col" class="px-3 py-1.5"> Email </th> <th scope="col" class="px-3 py-1.5"> Phone Number </th> <th scope="col" class="px-3 py-1.5"> Events Count </th> <th scope="col" class="px-3 py-1.5"> Next Event Date </th> </tr> </thead> <tbody> <tr class="bg-white border-b" v-for="(user) in users"> <td> <router-link class="hover:font-medium" :to="{name:'editUser',params:{id:user._id}}"> {{user.firstName}} </router-link> </td> <td>{{user.email}}</td> <td>{{user.phoneNumber}}</td> <td>{{user.eventsCount}}</td> <td v-if="user.eventsCount>0">{{user.events[0].startDate.slice(0,10) }}</td> <td v-if="user.eventsCount==0"></td> </tr> </tbody> </table> <pagination-view :currentPage="currentpage" class="break-normal" :total="users.at(-1)" :limit="limit" :url="url"></pagination-view> </div> </div> </template> <script> import {actionTypes} from "@/store/modules/users"; import {mapState} from "vuex"; import PaginationView from "@/components/PaginationView.vue"; import {data} from "autoprefixer"; export default { name: "UserView", data(){ return{ total:12, limit:1, currentpage:1, url:'/' } }, components: {PaginationView}, props:{ apiUrl:{ type:String, required:true } }, computed:{ data() { return data }, ...mapState({ isLoading:state =>state.users.isLoading, users:state => state.users.data, error:state => state.users.error }) }, mounted(){ this.$store.dispatch(actionTypes.getUsers,{apiUrl: this.apiUrl}) } } </script> <style scoped> </style> 路由器链接有问题,因为他尝试执行异步操作并收到未定义的消息。 问题描述: 第一: ** 设置函数执行期间未处理的错误** 第二个: ** 调度程序刷新执行期间未处理的错误。这可能是一个 Vue 内部错误。 ** 第三: ** 未捕获(承诺)错误:缺少必需的参数“id”** 我试图用循环和模板怀疑路由器链接,tr

回答 0 投票 0

vue-router 上的 Router-link-active 激活主页路由上的所有哈希链接

我有这个导航滚动到主页上的一个部分,除了联系路线。 因为我的联系页面不在同一条路线上,所以我不得不使用滚动行为,所以我可以从联系 t...

回答 1 投票 0

vue3/vuetify - 前往不需要任何参数的路线时缺少必需的参数

使用最新版本的 Vue3、Vue-router 和 Vuetify。 当我在 '/a/:accountId/people/:personId/emails' 路线上时,当我想返回 '/a/:accountId/people/' 路线时,出现错误“

回答 0 投票 0

与 router-view 组件 vue js 共享根数据

最好先给出更多的背景信息。 我正在使用 vuejs、vue-router 创建一个单页应用程序。当用户登录时,用户对象从后端返回。我正在使用 Laravel 5.4 ...

回答 1 投票 0

按钮使用 RouterLink 还是 router.push 更好?

我在 Vue 3 Composition API 中使用 Vue Router 4,我想制作一个后退按钮。我想知道重定向的最佳和最佳实践是什么,RouterLink 或带有推送 m 的路由器...

回答 0 投票 0

在 VueJS <router-view> 外条件组件渲染

这是我的例子HomeTemplate.vue 如何

回答 2 投票 0

Vue2 Router 路由不正确,显示空白页面

我是Vue新手,遇到路由问题 当我尝试启动我的前端 vue 时,它显示空白页面,我不知道为什么它没有路由到我的登录页面,任何人都可以帮助修复它吗?看起来像路由器...

回答 0 投票 0

Vue 路由器滚动到 vue-view comp

我正在 Vue 中创建一个应用程序,我希望所有主要内容都在一个页面上,可以选择滚动到特定元素,例如 LandingPage,然后在 Form、About .. 等下方。 有没有...

回答 0 投票 0

如何在 Nuxt 2 和 3 中获取当前路由名称?

我正在使用 Nuxt.js 构建静态网站。 如何在组件的脚本代码中访问当前显示的路由名称(我想避免从浏览器位置读取直接 url)? 我可以吗

回答 6 投票 0

Vue3 使用用户数据将路由器路径复制到剪贴板

我设置了一个搜索系统,可以从 API 调用加载每个帐户的数据表,然后一旦您选择了帐户 ID,它就会将该帐户 ID 放在商店中,并将您路由到用户的

回答 0 投票 0

当我试图在当前位置导航时,如何强制 Vue Router 重新加载我的页面?

其实我有这样的项目。 观点 首页.vue 课堂.vue App.vue 在 Home.vue 中,我有我的内容和登录表单。基本上,如果你还没有连接,你有提交......

回答 1 投票 0

如何在 vue-router 重定向之前执行异步代码?

我正在使用 supabase 构建一个应用程序。我有一个从电子邮件魔术链接接收查询参数的路由,我想在重定向到目标 url 之前在 supabase 服务上验证这些参数...

回答 0 投票 0

错误:缺少必需的参数“id”Vue-router router-link

我正在使用 Laravel 8 和 Vue 3、vue-router、vue-loader 在路由器/index.js 从 'vue-router' 导入 { createRouter, createWebHistory } 从 '../components/category/CategoryShow' 导入 CategoryShow

回答 1 投票 0

在 onBeforeMouted() 上更改 Vue 3 中的 URL?

我目前正在使用 Vue 3 开发社交媒体。 我有一个显示所有帖子的提要页面,每个帖子都有一个评论部分。对于每条评论,都有作者的名字和共同...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.