vue-router 相关问题

在 RouterLink 中扩展父视图插槽 vỉew

我有一个定义的Vue路由，父视图和两个子视图 ./route/index.ts 常量路由器 = createRouter({ 路线：[ { 路径: '/dataset/:dataset_name', 成分：

使用 :key 保留路由器转换，同时确保子基础视图不刷新

我有一个应用程序，我在路由器视图上使用 :key="$route.path" 进行转换。但问题是，使用 :key 最终会刷新子路由基本视图，最终调用

Vue.js router.push 更改 URL，但 RankerDetail 组件不会在按钮导航上更新

我正在使用 vue-router 开发 Vue.js 应用程序，但我的 RankerDetail 组件遇到了问题。该组件的目的是根据路由参数id显示不同的数据。当我男人...

vue 路由器 - 身份验证成功后重定向

我有一个使用 vue 路由器的 vue 应用程序。我为登录路由实现了一个身份验证系统。我如何让它自动重定向到用户最初想要访问的路线...

Vue3 Composition API：错误：element/if/for 节点缺少 Codegen 节点。在路由器视图中使用命名槽时，首先应用适当的转换

我目前正在所有应用程序中重写我的 Vue 代码，但遇到了一个相当烦人的错误，我似乎无法破译。让我先向你解释一下我想做什么......

如何在延迟加载的路由组件加载时显示“正在加载”动画？

我使用 webpack 的代码分割功能将我的应用程序分割成多个块，这样当用户访问我的网页时就不会下载整个应用程序包。 某些路线所涉及的块...

通过延迟转换防止浏览器导航上的滚动重置

我在路由器配置中设置了延迟。我希望能够单击浏览器导航按钮（后退和前进）返回到保存的位置，但由于我有延迟并且 { left:0, top:0 }，所以

vue中路由改变后如何重新渲染已经挂载的组件？

保存 q-btn-dropdown 的组件在路由更改之前就已渲染。路由更改发生在用户登录时，因此 helloGuest() 仅在组件执行以下操作时调用一次...

导航到同一组件时如何在 vue.js 中添加页面过渡

我想要在vue中导航到不同页面时有这个淡入淡出动画。 当我导航到附加了与之前的路线不同的组件的路线时，这种方法效果很好。 但是当

路由器推送 Vue 正在传递未定义的参数

我期望通过router.push传递一个值，这是我想传递它的组件： //一些html 导出默认值{ 数据（）{ //</desc> <question vote="0"> <p>我期望通过 router.push 传递一个值，这是我想要传递它的组件：</p> <pre><code>&lt;template&gt; //some html &lt;/template&gt; &lt;script&gt; export default { data(){ //some data }, methods: { uploadTemplate(event) { if(everythingWell){ this.$router.push({name: &#39;upload-document&#39;, params: {value: &#34;<a href="/cdn-cgi/l/email-protection" data-cfemail="0c69746d617c60694c69616d6560226f6361">[email protected]</a>&#34;}}) } } } } &lt;/script&gt; </code></pre> <p>**我的路由器：**</p> <pre><code>const routes = [ { path: &#39;/upload&#39;, name: &#39;upload-document&#39;, props: { default: true }, component: () =&gt; import(&#39;./../modules/doc_templates/pages/UploadDocPage.vue&#39;) } ] const router = createRouter({ history: createWebHashHistory(), routes, }) export default router; </code></pre> <p><strong>还有上传组件，我应该在其中使用道具：</strong></p> <pre><code>&lt;template&gt; &lt;div&gt; &lt;p&gt;value: {{ this.value }} &lt;/p&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; export default { props: { value: String } } </code></pre> <p>应用程序更改为上传路径，但“value”的值未定义，这是我在浏览器中得到的结果：</p> <p>[Vue Router warn]：导航时丢弃无效的参数“值”。</p> <p>我尝试了使用 props，但还是一样</p> </question> <answer tick="false" vote="0"> <p>您没有在路由中指定预期的参数：</p> <pre><code>const routes = [ { path: &#39;/upload/:value?&#39;, name: &#39;upload-document&#39;, component: () =&gt; import(&#39;./../modules/doc_templates/pages/UploadDocPage.vue&#39;) } ] `` </code></pre> </answer> </body></html>

带有 Vue-Test-Utils 和 Vitest 的 Vue-Router 模拟

我试图理解用 Vitest 模拟 Vue-Router 的逻辑。 为此，我尝试在一个非常简单的项目上设置和模拟我的测试环境。当我尝试按照

如何根据 Vue 路由器参数设置页面标题？

我正在尝试使页面标题（元标记）显示您当前所在的个人资料的用户名。我的代码如下： 导出默认新路由器({ 模式：“历史”， 巴...

通过 nuxt-link 将动态对象数据传递到组件

我有一个在 Nuxt 3 中构建的项目，其主页显示产品。在该主页上，您可以单击产品标题，然后打开产品详细信息页面。我通过...存档此内容

Vue3 Router - createWebHistory v createWebHashHistory 问题与 <router-view>

我试图弄清楚为什么 createWebHistory 无法显示 但 createWebHashHistory 可以。 在本地主机上使用 createWebHistory 可以正常工作，但在服务器上（dreamhost...

如何使用VueJS限制未登录用户的页面访问？

我目前正在练习 VueJs 并制作一些示例应用程序。我正在制作一个非常简单的应用程序，它基本上只是一个登录页面，用户将在其中放置他们的凭据并访问他们的个人资料。然而...

Vue 3 路由器更改 <routing-view/> 但 URL 未更改

我在 vue 项目中遇到路由问题，vue-router 正在 中工作，但没有更改 URL。 这是我的 main.js 的样子： 从 &qu... 导入 { createApp }

如何查看路由器中的参数路由

如何检查变量中的路由参数，如下所示： 常量 SUB_ROUTES = { GLOBALSTAR：“全球之星”， PARKINGMULTIPEAJE: "parkingMultipeaje", 保留：“重新...

vue3 + typescript：TS2345：“路由器”类型的参数不可分配给“Plugin_2”类型的参数

在我们的yarn多工作区项目中，我们在最新版本的vue中遇到了一个非常奇怪的打字稿构建异常： TS2345：“路由器”类型的参数不可分配给“插件”类型的参数...

如何在Vue Router中创建和使用可选参数？

我需要通过两种方式路由到某个组件 - 一种带有参数，一种不带参数。我搜索了可选参数，但不知何故找不到太多信息。 所以我的路线： { 路径：'/优惠/：会员...

处理 this.$router.replace(href);在 vue 2

我是 vue 新手，正在处理我之前创建的 vue 代码。因此，有很多遗留代码太复杂，现在无法更改。 当用户...时，vue 代码可以处于两种状态之一...