vue-router 相关问题

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

Vue Router 正确处理 v-html 指令内部存在的链接

我正在使用 Vue 3(不带 TS)和 Vue Router 4。 我从 API 中获得了一些 markdown,我使用 markdown-it 对其进行解析,然后通过 v-html 指令将其提供给组件。解析本身有效...

回答 2 投票 0

动态更新vue路由器中的查询参数

为什么一种方法有效而其他方法无效。 (URL不更新动态) 我想从 URL 中删除 parm2 网址:http://localhost/testpage?parm1=xyz&parm2=xyz&parm3=xyz 不工作(输出:http://

回答 1 投票 0

动态更新vue路由器中的查询参数

为什么一种方法有效而其他方法无效。 (URL不更新动态) 我想从 URL 中删除 parm2 网址:http://localhost/testpage?parm1=xyz&parm2=xyz&parm3=xyz 不工作(输出:http://

回答 1 投票 0

使用 vue 路由器进行 Firebase 身份验证

我有授权检查码并且可以使用。现在我需要对未经授权的用户实施路径保护。 问题是存储中的函数没有时间执行...

回答 2 投票 0

Nestjs + Vuejs 路由

我想用 Vue 和 Nestjs 构建 monorepo。主页将使用 Nestjs + Twig 和路径 / 进行处理。管理面板位于 /admin/ (Vue 应用程序)。和 api 路由,创建...

回答 1 投票 0

Vue Router - 右键单击/在新选项卡中打开

使用 vue-router (4) 我有以下设置 从 'vue' 导入 { createApp } 从“./App.vue”导入应用程序 从 'vue-router' 导入 { createRouter, createWebHashHistory } 从 './

回答 1 投票 0

Nuxt3 中的模拟 Service Worker 警告

第一次使用 Nuxt3 时,一段时间后我观察到控制台发出以下警告: [Vue Router warn]:未找到路径“/

回答 1 投票 0

使用 vue-router 将对象传递到路由

基于 vue-routers 站点的此内容,似乎您可以将对象作为道具传递。但是,每次我尝试这样做时,似乎都无法说无效参数 我的路线定义如下:...

回答 1 投票 0

避免当 url 更改时在 Nuxt 中重新加载页面

我目前正在将应用程序迁移到 Nuxt3,并且在 URL 更改时重新加载页面时遇到问题。我有几个链接都使用同一页面。为了完成这项工作,我......

回答 2 投票 0

如何使用 vue Router 验证表单并转到下一页

验证后的表单必须使用此代码通过 vue-Router 转到下一个作者页面,但不进行验证 ... 验证后的表单必须使用此代码通过 vue-Router 转到下一个作者页面,但不能验证 <form @submit.prevent="validate"> <div class="row"> <div class="col-md-4 mb-3"> <label>Name</label> <input type="search" class="form-control" placeholder="" v-model.lazy.trim="form.nameTitle"> <div class=" text-danger"> {{ form.titleNameErrorText }} </div> </div> <div class="row mt-4"> <div class="col-6 "> <button class="btn btn-primary btn-style" type="submit" @click.stop.prevent="submit()">Submit </button> </div> </div> </form> js代码和vue路由器在验证后处理下一页 <script> import { reactive } from "vue"; import { useRoute, useRouter } from 'vue-router' export default { setup() { const router = useRouter(); const form = reactive({ nameTitle: "", titleNameErrorText: "", name: "FormAddress", }); function validate() { if (form.nameTitle.length < 3) { form.titleNameErrorText = "Number is 3 More.. " } else { form.titleNameErrorText = "" } } function submit() { router.push('/MapView') } return { form, validate,submit } }, } </script> 提交转到地图页面,不验证当前页面,我处理验证页面并成功表单元素下一页,否则保留此页面 如果你想保持状态,你可以使用<keep-alive></keep-alive>。 如果你想执行 submit 功能,你可以使用 return。并且你可以检查 url 与 useRoute 进行比较来检查当前页面。

回答 1 投票 0

使用 Vue Router 时,路由参数不会在 Vue 组件内渲染

我已经让 Vue 路由器运行这些路由: 常量路由 = [ { 小路: '/', 名称:'家', 参数:{ 标签:“主页” }, 组件:主页 }, { 路径:'/group1', ...

回答 1 投票 0

Vue Router 如何连续滚动到相同的哈希

我目前正在做一个基于Vue的网站,使用Vue Router进行路由。我处理锚链接的滚动行为的方法如下: const 路由器 = 新 VueRouter({ 路线,

回答 4 投票 0

具有动态参数的 Nuxt 3 子路由未获得活动类

我有以下文件夹结构。以下几页很重要 /workshops 和 /workshops/workshop-1。 我现在遇到的问题是我的活动链接适用于 /workshops,但不适用于...

回答 1 投票 0

使用 vue router 生成菜单标题的最佳方法是什么?

我在vue路由器中定义了以下路由: 常量路由 = [ { 小路: '/', 名称:'家', 参数:{ 标签:'首页' }, 组件:主页 }, { 路径:'/path1', 名称:'p...

回答 1 投票 0

Vue3 应用程序在 Netlify 上部署后无法运行

我一直在研究 Ryan Balieiro 的 Foxy 模板 vue 应用程序并对其进行了一些定制。 在 public/data 文件夹中更改一些内容并添加包含 /* /index 的 _redirects 文件后。

回答 1 投票 0

beforeEnter 在同一路线上调用 router.push() 时不会触发导航守卫

我的搜索引擎在搜索某些内容后尝试搜索其他内容时无法正确更新。 当我想搜索一些东西时,搜索组件中的搜索功能...

回答 1 投票 0

如何在 Vue.js 3 设置中获取查询参数?

我想制作搜索页面,单击其按钮后将重定向到另一个页面。而这个页面将会是这样的 http://localhost:8080/search?q=foo 我的路由器index.js看起来像...

回答 4 投票 0

除非刷新页面,否则我的搜索按钮不会呈现新信息

我正在使用 Vue3 为我在学校的项目创建一个天气网络应用程序。它工作得很好,直到您搜索城市时它仍然为您提供有关最后渲染的城市的信息。比如说,我搜索俄亥俄州并且...

回答 1 投票 0

如何创建一个简单的内联组件?

我有一个如下所示的组件: 应用程序.vue 我不想有这样一个简单组件的文件。我将如何去创造...

回答 1 投票 0

在vue中实现条件选项卡式路由的最佳方式

我想要实现的是使用选项卡进行路由,其中可用选项卡根据用户类型而变化(经过身份验证后,用户类型将存储在 pinia 存储中)。 这就是我最终的结果

回答 1 投票 0

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