vue-router相关内容
我正在创建一个Vue3应用程序,添加路由器后,我的第一个页面正在加载,但它完全是空白的。 我收到以下邮件 错误:未捕获类型错误:对象(...)不是函数 在控制台中: 找不到./src/router/index.js";EXPORT‘createRouter’中的警告 在‘VUE-ROUTER’ ./src/router/index.js";导出‘creat
..
我的上下文在vue-router中,尽管这可能不重要 我想这样定义我的路线 import { RouteLocationRaw } from 'vue-router' type RouteNames = 'dashboard' | 'flowRun' type RouteProperties = Record Ro
..
我使用的是名为griptape的js框架(用于区块链)。尝试使用VUE路由器时出现此错误。 import Vue from "vue"; //Error **does not provide an export named 'default'** import VueRouter from "vue-router"; import Home from "../views/Home.vue";
..
我遇到VUE路由器问题。 我在主页上找到了一份帖子列表。当我点击其中一个时,它会重定向到帖子页面,如下所示: 一切正常,我可以在getter中使用this.$route.params.
..
如何使用Vue 3中的Vue组合API使用Vue路由器,对当前路由名称进行被动访问? 推荐答案 以下是使用Vue 3.0和Vue路由器v4.0.0-Beta.12与复合API语法的示例: import { defineComponent, computed, watch } from 'vue'; import { useRoute } fr
..
这是我的路由器配置。 const router = new VueRouter({ routes: [ { path: '/user/:id', components: User, props: { sidebar: true } } ] }) 我无法访问所有道具(例如sidebar和id),只能访问
..
我有一个使用VUE创建的单页面应用程序,并且导航链接都是使用router-link标记完成的。我的老板希望在导航中包含几个项目,但将其禁用,这样人们就可以一窥即将到来的一些功能。但是,我想不出如何完全禁用路由器链路! preventDefault什么都不做,@click.native.prevent="stopClick()"什么也不做(我尝试将其发送到一个函数以查看这是否会阻止单击,但它只
..
我已经设置了一个简单的VUE(使用VUE-Router和Vuentify)项目,并且我正在尝试获取访问父路由时要加载的默认子路由。 我已尽最大努力按照VUE文档执行此操作,但默认子路由在我访问其父路由时根本不会加载。 以下是router.js文件中的代码: import Vue from 'vue' import Router from 'vue-router' import
..
因此,我的vuejs SPA上的绝大多数视图在顶部都有一个导航栏组件。但是,某些选择的视图(如登录)不应显示此内容。 我的解决方法是导入导航栏并在需要时单独添加到每个视图,但现在我可以看到,在从一个视图切换到另一个视图时,导航栏会导致奇怪的闪烁--可能是因为导航栏组件正在被删除,然后立即重新添加。这似乎是不对的。 我假设有某种方法可以在App.vue中添加导航条组件,但有条件地使用vue-
..
因此,如果API调用返回状态422,我会尝试将用户重定向到不同路由。但是我收到一个错误 TypeError: Cannot read properties of undefined (reading '$router') 我的routes.js: { path: '/dashboard', component: Dashboard,
..
所以我有一个组件,一旦它被挂载,它就会执行代码: mounted(){ axios.get('/markers/' + this.username) .then(response => { this.markers = response.data.markers }).catch((error) => conso
..
我正在使用vue init webpack test跟踪一些Vue项目,但似乎在运行npm run dev时,所有URL都附加了#/。 当我创建一个新组件并将其路由到该组件时,也是如此。如果我执行类似http://localhost:8080/newpath的操作,它将变成http://localhost:8080/newpath#/。 是否可以设置配置变量,使#/不会附加到每个URL?使
..
我是VUE JS的新手。 我只是在创建一个简单的项目,其中我只包括Vuejs通过CDN。未使用节点/npm或cli。 我将我的所有html标记保存在单个html中,随着它的增长,它看起来很杂乱。我尝试将html拆分为视图,并希望通过类似于angularJ的ng-include 来包含它 我以前在ANGLE中工作过,在那里有ng-include加载外部html文件。我在找和VUE类似的东西
..
我有应用程序,用户可以登录在不同的角色,例如。seller、buyer和admin。 对于每个用户,我想在相同的路径上显示仪表板页面,例如。http://localhost:8080/dashboard 但是,每个用户将在不同的VUE组件中定义不同的仪表板,例如,SellerDashboard、BuyerDashboard和AdminDashboard。 因此,基本上,当用户打开http://l
..
在开发模式(NPM运行电子邮件:服务)下,Modal正在显示..但是当涉及到生产(可执行文件)时,它不显示任何内容。 生产模式: 开发模式: 在我的VUE文件中有以下代码: --contents here-- data:() => ({ Log
..
在我的VUE应用程序中,我有一个包含一些选项卡的页面。 我想根据不同的路线更改/显示选项卡。 为此,我使用了answer作为参考。 总的来说,这工作得很好!我甚至可以通过在移动设备上滑动来更改标签(这要归功于v-tabs-items上的@change侦听器。 但是:单击选项卡标签时,由加载的组件将挂载两次。刷卡时只挂载一次。 原因必须与
..
问题 当路线嵌套时,如何以用户身份在Nuxt中以编程方式导航?我知道我可以使用this.$router.push({ name: "exchanges" })将用户推送到交换页面,但是当路由嵌套时,我不确定该怎么做。如果我使用this.$router.push({ path: "exchanges/create" })或this.$router.push("exchanges/create"),
..
我的页面中有三个VUE部分。 Home About Contact 当我单击导航栏链接时,它会将我滚动到相应的部分。 这是我的路由器链路。 Home
..
我有Nuxt项目。当我将路由从http://localhost:3000/catalog/postery更改为http://localhost:3000/catalog/postery/all?photos%5B%5D=262时,我的页面将向上滚动到顶部,并且仅在我的路由更改之后 我的文件scroll Behavior.js: export default async function
..
在呈现页面之前,我正在发送2个API请求: const Profile = { template: '#profile', attributes: null, photos: [], data: function () { return {attributes: Profile.attributes, photos: Profile.photo
..