vue-router相关内容
我必须为支付网关使用两个外部脚本. 现在两者都放在 index.html 文件中. 但是,我不想在一开始就加载这些文件. 只有在用户打开特定组件时才需要支付网关(using router-view). 有没有办法做到这一点? 谢谢. 解决方案 解决这个问题的一个简单有效的方法,就是将你的外部脚本添加到你组件的 vue mounted() 中.我将用 Googl
..
遵循指南,我到达了我需要的地方创建一个 Vue 实例(这似乎有效).不过我还需要在Vue的构造函数中提供一个Vuew Router的实例,如下图. const router = new VueRouter({ routes });const app = new Vue({ router }).$mount('#app'); 遗憾的是,它产生了以下错误.我非常不确定如何处理它,并且当 googl
..
所以我有一个 Vue 应用程序,用于在 apache 开发服务器上设置的客户端.我这样做是为了匹配生产环境.该应用程序位于子目录中,我将 vue-router 上的“base"选项设置为匹配.如果我导航到我的虚拟主机根目录,它会正确重定向,但是通过输入地址导航到相同的地址会给出 404. 这是我的路由器代码: const 路由 = [{路径:'/',重定向:'/伦敦'},{路径:'/:城市
..
我在 apache 服务器上托管我的 vuejs 项目. 初始化项目 设置路由器 构建并托管到apache服务器 const router = new VueRouter({路线:路线,//相对:真,模式:'历史'}); 这在本地运行良好,但 vue 路由器在服务器上中断.示例 如果我运行 http://example.com 并转到 http://exmaple.com/
..
我试图将 AngularJS 和 VueJS 项目合并在一起,因为我们需要从 AngularJS 应用程序内部调用在 VueJS 中设计的流程.为了将 AngularJS 和 VueJS 项目合并在一起,我在 Angular 和 Vue 的 package.json 文件中包含了依赖项以及其他一些文件. 现在,由于 Vue 和 Angular 都在项目根目录中创建了一个 index.html
..
我无法理解如何通过路由器将计算属性一直传到我的模板.这是我正在做的事情的基本想法: const Home = {模板:'Level 1'}常量级别 = {模板:'|{{id }}|{{消息}}|',道具:['id','message']}const 路由器 = 新的 VueRouter
..
我已经消除了“next"被调用两次的所有方式,以防止循环.除了 if (authenticated) 块中发生的事情外,一切似乎都有效.目标是让用户停留在 RegisterFlow 页面,直到他们验证&提供了一个显示名称.我哪里出错了? 错误:未捕获(承诺)RangeError:超出最大调用堆栈大小 代码: const authPages = [“LoginPage", “Regis
..
我已经声明了一个中间件来检查 nuxt.config.js 中每个路由的作用.但想在某些页面中禁用. //在 nuxt.config.js =>路由器:{中间件:['角色']},//在中间件/role.js =>导出默认功能({app}){if (!window.localStorage.getItem('auth.token')) {//app.router.push('/auth/login
..
我使用 vue-i18n 进行翻译,效果很好!但是当我在单个文件组件的 data 函数中使用 this.$t() 函数时,翻译不起作用.
..
我正在尝试在我的路由器文件中使用这个结构: {小路: '/',name: '仪表板',组件:仪表板,孩子们: [{路径:'用户',名称:'用户',组件:用户},{路径:'权限',名称:'权限',组件:权限},{ 路径:'系统',名称:'系统',组件:系统}]}, 但它不起作用.url 路径更改,但组件未呈现. 我的仪表盘组件模板是这样的:
..
beforeRouteLeave 的好处是你可以防止在某些情况下导航离开. 我有一个设置,它使用子路由来呈现页面的一部分.我想要一个子路由上的导航守卫,以防止在未保存数据的情况下切换到另一个. {路径:'/客户/视图',组件:ViewCustomerShell,孩子们: [{路径:':id',名称:'ViewCustomer',组件:ViewCustomer}]}, 所以当我访问 /cu
..
我有一个用 vue-router 创建的路由. {路径:'/events/:id',组件:事件,name: '事件',元:{标题:'设计网页'}}, 在“meta"中,我给它命名我的页面. 我可以通过这样做来调用我的页面的标题:$route.meta.title 但是现在,我遇到了一个问题.在我的页面标题中,我想传递一个变量(我的事件的名称). 元:{标题:$nameOfEven
..
如何使用路由器链接导航到当前路由并重新运行挂载钩子? HTML
..
我们将 VueJS 2.x 与 vue-cli Webpack 样板以及 Vue Router 一起使用.我们遇到了以下问题 我们的静态资产位于根级 static 文件夹 资源路径在 Webpack config/index.js 文件中定义如下: assetsSubDirectory: '静态',资产公共路径:'/', Vue Router 在 history 模式下运行,我们遵
..
我尝试在 Nuxt Js 项目中进行分页,那么如何仅更改当前路由中的页面查询参数,并保留其他查询参数的值我有 3 个查询参数: this.count = this.$route.query.count ??8this.page = this.$route.query.page ??1this.sort_by = this.$route.query.sort_by ??'最新的' {{ 页
..
我正在尝试弄清楚如何使用 Vue 在同一条路线上有 2 个不同的组件. 主页或登录页面,取决于用户是否通过身份验证.也许我在文档中遗漏了一些东西,但我无法也无法弄清楚.甚至有可能吗? 谢谢 解决方案 use auth param in router map: router.map({'/家': {组件:首页,身份:真实},'/登录': {组件:登录},'/某物': {成分:某
..
如何使用 vue-router 使用该预定义模板: https://vuetifyjs.com/examples/layouts/google-contacts 我在我的物品对象中添加了一个链接 项目:[{ icon: 'dashboard' text: 'Home', link: '/'},{ icon: 'dashboard' text: 'Account', link: '/
..
我是 VueJS 的新手.我开发了一个简单的登录屏幕.登录成功后,Server 会以 JSON 格式发送 userId.我将此用户 ID 存储在 localStorage 中.使用这个,我想到了显示登录(登录前).登录后,1. 应显示注销,而不是登录和登录.2.登录组件应在注销时显示 在当前代码中,登录后、注销链接不可见.我也尝试过 v-else 逻辑.这也没有奏效.参考 https://f
..
我将 Vue Router 与 Vue 3 一起使用,并尝试添加一个包罗万象的路由以在用户尝试访问无效 URL 时重定向用户.当我尝试使用通配符 (*) 时,我将以下错误记录到控制台: 未捕获的错误:非空路径必须以“/"开头;在 tokenizePath (vue-router.esm.js?8c4f:975)在 createRouteRecordMatcher (vue-router.esm.
..
问题 router.push({name:“Order", params: {obj: {}})推送 obj: {} 失败,路由接收 obj: '[object Object]' 情况 我有这样的路线设置 {路径:'/订单',name: '订单',组件:() =>导入(“../views/Order.vue"),道具:路线=>{return route.params.obj//
..