vue-router相关内容

在';VUE-ROUTER';中找不到VUE3;EXPORT';createWebHistory,createRouter';

我正在创建一个Vue3应用程序,添加路由器后,我的第一个页面正在加载,但它完全是空白的。 我收到以下邮件 错误:未捕获类型错误:对象(...)不是函数 在控制台中: 找不到./src/router/index.js";EXPORT‘createRouter’中的警告 在‘VUE-ROUTER’ ./src/router/index.js";导出‘creat ..
发布时间:2022-03-28 23:05:18 前端开发

如何禁用vuejs路由器链路?

我有一个使用VUE创建的单页面应用程序,并且导航链接都是使用router-link标记完成的。我的老板希望在导航中包含几个项目,但将其禁用,这样人们就可以一窥即将到来的一些功能。但是,我想不出如何完全禁用路由器链路! preventDefault什么都不做,@click.native.prevent="stopClick()"什么也不做(我尝试将其发送到一个函数以查看这是否会阻止单击,但它只 ..
发布时间:2022-03-28 22:41:59 前端开发

VUE路由器默认子路由最初未加载

我已经设置了一个简单的VUE(使用VUE-Router和Vuentify)项目,并且我正在尝试获取访问父路由时要加载的默认子路由。 我已尽最大努力按照VUE文档执行此操作,但默认子路由在我访问其父路由时根本不会加载。 以下是router.js文件中的代码: import Vue from 'vue' import Router from 'vue-router' import ..
发布时间:2022-03-28 22:39:10 前端开发

如何隐藏某些路线上的全局组件(例如导航栏)?

因此,我的vuejs SPA上的绝大多数视图在顶部都有一个导航栏组件。但是,某些选择的视图(如登录)不应显示此内容。 我的解决方法是导入导航栏并在需要时单独添加到每个视图,但现在我可以看到,在从一个视图切换到另一个视图时,导航栏会导致奇怪的闪烁--可能是因为导航栏组件正在被删除,然后立即重新添加。这似乎是不对的。 我假设有某种方法可以在App.vue中添加导航条组件,但有条件地使用vue- ..
发布时间:2022-03-28 22:33:18 前端开发

Vue webpack正在将#/添加到所有URL

我正在使用vue init webpack test跟踪一些Vue项目,但似乎在运行npm run dev时,所有URL都附加了#/。 当我创建一个新组件并将其路由到该组件时,也是如此。如果我执行类似http://localhost:8080/newpath的操作,它将变成http://localhost:8080/newpath#/。 是否可以设置配置变量,使#/不会附加到每个URL?使 ..
发布时间:2022-03-28 22:24:24 前端开发

如何在主播中加载模板中的外部html文件

我是VUE JS的新手。 我只是在创建一个简单的项目,其中我只包括Vuejs通过CDN。未使用节点/npm或cli。 我将我的所有html标记保存在单个html中,随着它的增长,它看起来很杂乱。我尝试将html拆分为视图,并希望通过类似于angularJ的ng-include 来包含它 我以前在ANGLE中工作过,在那里有ng-include加载外部html文件。我在找和VUE类似的东西 ..
发布时间:2022-03-28 22:20:36 前端开发

VUE路由器-如何根据用户角色将多个组件加载到同一路由路径上?

我有应用程序,用户可以登录在不同的角色,例如。seller、buyer和admin。 对于每个用户,我想在相同的路径上显示仪表板页面,例如。http://localhost:8080/dashboard 但是,每个用户将在不同的VUE组件中定义不同的仪表板,例如,SellerDashboard、BuyerDashboard和AdminDashboard。 因此,基本上,当用户打开http://l ..
发布时间:2022-03-03 14:27:56 前端开发

带路由器的可滑动Vutify标签

在我的VUE应用程序中,我有一个包含一些选项卡的页面。 我想根据不同的路线更改/显示选项卡。 为此,我使用了answer作为参考。 总的来说,这工作得很好!我甚至可以通过在移动设备上滑动来更改标签(这要归功于v-tabs-items上的@change侦听器。 但是:单击选项卡标签时,由加载的组件将挂载两次。刷卡时只挂载一次。 原因必须与 ..
发布时间:2022-03-01 12:49:03 前端开发

如何在Nuxt js中使用命名路由?

问题 当路线嵌套时,如何以用户身份在Nuxt中以编程方式导航?我知道我可以使用this.$router.push({ name: "exchanges" })将用户推送到交换页面,但是当路由嵌套时,我不确定该怎么做。如果我使用this.$router.push({ path: "exchanges/create" })或this.$router.push("exchanges/create"), ..
发布时间:2022-02-25 13:19:11 前端开发