调用vue路由器时超出了最大调用堆栈大小
是指在使用Vue.js框架中的路由器时，发生了递归调用导致调用堆栈溢出的错误。
Vue.js是一种流行的前端JavaScript框架，用于构建用户界面。它提供了一个路由器（Vue Router）来管理应用程序的不同页面之间的导航。路由器允许我们定义不同的路由，并在用户导航时动态加载相应的组件。
当调用vue路由器时超出了最大调用堆栈大小，通常是由于以下原因之一：
- 递归调用：在路由器配置中，可能存在无限递归调用的情况。例如，一个路由器配置了一个路由，该路由的组件又包含了该路由本身，导致无限循环调用。
解决方法：检查路由器配置，确保没有出现无限递归调用的情况。
- 嵌套路由配置错误：在路由器配置中，可能存在嵌套路由配置错误，导致路由器无法正确解析路由。
解决方法：检查嵌套路由配置，确保每个路由都有正确的父子关系。
- 组件命名冲突：在路由器配置中，可能存在组件命名冲突，导致路由器无法正确加载组件。
解决方法：检查组件命名，确保每个组件都有唯一的名称。
对于以上问题，腾讯云提供了一系列相关产品和服务来帮助解决：
- 云服务器（CVM）：提供可扩展的计算资源，用于部署和运行应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可靠的关系型数据库服务，用于存储应用程序的数据。
- 云安全中心（SSC）：提供全面的网络安全解决方案，包括DDoS防护、漏洞扫描等，保护应用程序免受攻击。
- 云监控（Cloud Monitor）：提供实时监控和告警功能，帮助您及时发现和解决应用程序的性能问题。
- 云存储（COS）：提供高可靠、低成本的对象存储服务，用于存储和管理应用程序的静态资源。
以上是腾讯云提供的一些相关产品和服务，您可以根据具体需求选择适合的产品来解决调用vue路由器时超出最大调用堆栈大小的问题。
相关·内容
我有一个非常简单的vue.js组件，它显示数据列表(有两个字段的两个对象)。
组件vue.js代码:
<template>
<div>
<h1>Genre</h1>
<b-container>
<b-row>
<b-col v-for="data in genre" v-bind:key="data.id" v-bind:title="data.name">
浏览 1提问于2019-01-31得票数 3
回答已采纳
我正在使用一个模板在Vue.js中创建一个Vue.js。
我创建了一个侧栏组件，并将其导入到将显示侧栏的视图中。当我将侧栏添加到组件中时，我将遇到以下错误。
RangeError:最大调用堆栈大小超过Vue警告:nextTick中的错误："RangeError:最大调用堆栈大小超出“
我已经尝试过在上声明的解决方案，但是它在我这边行不通。
下面是我的Sidebar.vue的示例代码
<template>
<side-bar>
<template slot="links">
<side-bar-it
浏览 2提问于2021-07-12得票数 1
回答已采纳
1回答
我目前正在从事一个Vue项目，我正在使用Vuex进行国家管理。但是，当我用mapaction和mapgetters绑定组件中的以下两个操作时，我在控制台中得到的最大调用堆栈大小超过了错误。
我不知道我做错了什么。
import Vue from 'vue'
import Vuex from 'vuex'
import service from "../services/statisticsService"
import moment from 'moment'
Vue.use(Vuex)
const state =
浏览 4提问于2017-12-04得票数 8
回答已采纳
在使用Vue路由器时，我发现可以使用<router-link>和RouterLink实现相同的结果，即在不同的路由之间导航。
类似地，还有<router-view>和RouterView组件。
下面两个代码示例给出了相同的结果：
使用<router-link>和<router-view>
<template>
<router-link to="/">Home</router-link>
<router-link to="/about">About</ro
浏览 23提问于2022-04-03得票数 2
回答已采纳
2回答
当我编译我的100000输入数组的代码时，它没有给出任何错误。然而，当我将输入增加到500000时，它给出了关于堆栈溢出的错误。我需要增加堆栈大小。我该怎么做呢？
浏览 0提问于2016-10-18得票数 3
2回答
在Vue路由器中，我希望基于变量在同一路径上显示不同的组件。
如果isFirstTimeAccess是真的，我想显示欢迎组件，如果它是假的，我想在浏览器-> /my-sub-url/的相同路径上显示AuthHandler组件。
示例：
export const router = createRouter({
history: createWebHistory(),
routes: [{
path: '/my-sub-url/',
component: welcome,
beforeEn
浏览 3提问于2022-03-18得票数 1
谈到vue，我是个新手。因此，我遵循了本教程。其中我在“添加视图路由器”部分。
我做了所有的更改，并添加了他所做的(从创建视图文件夹和组件，创建路由器文件夹及其内部index.js，甚至导入)，然而当我尝试npm运行开发时，我的网站上什么也没有。
下面是我在路由器文件夹中的代码：
import {createRouter , createWebHistory} from 'vue-router'
import Dashboard from "../views/Dashboard.vue"
import Login from "../views/Login
浏览 7提问于2022-11-19得票数 0
回答已采纳
1回答
main.js：
import Vue from 'vue';
import App from './App';
import router from './routes/Route';
Vue.config.productionTip = false;
new Vue({
el: '#app',
render: h => h(App),
router
})
Route.js：
import Vue from "vue";
import VueRouter from "vue-router
浏览 1提问于2018-12-27得票数 0
回答已采纳
我正在做一个项目，在这个项目中，我想展示两个组件(ProductionPlot和RnpPlot)在不同的路由中。这是我在路由器文件夹中的index.js文件：
import Vue from 'vue'
import Router from 'vue-router'
import ProductionPlots from '@/components/ProductionPlots'
import RnpPlots from '@/components/RnpPlots'
import Lessons from '@/com
浏览 18提问于2020-02-16得票数 1
1回答
我想知道递归函数的最大深度是多少。我知道这和堆栈大小有关。但你们之间有什么关系？如果我在32位机器上写了一个函数，它只会调用自己，那么最大深度是多少？
unsigned long times=0;
void fun()
{
++times;
fun();
}
那么当堆栈溢出时，“时间”的值是多少？
浏览 4提问于2015-01-12得票数 0
我正在尝试构建一个相对简单的应用程序，它有几个不同的视图，需要身份验证，收集一些用户数据，将其存储在数据库中，并且需要后端逻辑来操作该数据，并在视图中将其返回给用户。
我决定的堆栈是Vue表示前端，Express和Node用于服务器端逻辑，Firebase用于它们的一些服务(即auth、firestore、storage)。
我在任何地方都找不到这个堆栈的任何示例(Vue、Express、Firebase) (但是我找到了Vue/Express或Vue/Firebase示例)。我的问题是，在这里，Express是否已经过时，因为我可以使用Vue路由器进行路由。呈现服务器端的区别是吗？
浏览 3提问于2018-06-12得票数 1
我有一个按设计工作的vue路由器，但是当我向它添加beforeEach()函数时，<router-view>标记中什么也没有出现。即使beforeEach()函数是空的，它仍然对页面隐藏内容。我还需要做一些其他的事情来使<router-view>标记和路由器彼此工作，甚至使用beforeEach()函数？
这是路由器：
import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
Vue.use(Rout
浏览 0提问于2019-03-20得票数 2
回答已采纳
我是新的打字和尝试使用vue-路由器在我的项目。
我收到以下错误：
source\app\main.ts(3,3)：错误TS2769:没有重载匹配此调用。
重载3中的1，‘(选项？：ThisTypedComponentOptionsWithArrayProps)：Vue'，给出了以下错误。类型{路由器: any；}的参数不能分配给类型'ThisTypedComponentOptionsWithArrayProps‘的参数。对象文字只能指定已知的属性，并且‘路由器’在'ThisTypedComponentOptionsWithArrayProps‘类型中不存在。
重载3
浏览 11提问于2020-05-09得票数 2
回答已采纳
如果我在Java中递归调用一个方法，我能提前知道在获得StackOverflowException之前有多少次调用会成功吗？即某种堆栈大小，希望可以在WAS中配置？
浏览 1提问于2013-06-25得票数 4
回答已采纳
我试图使用vue-路由器创建路由，但是我在vscode控制台中得到了这个错误：
HarmonyLinkingError:导出'onUnmounted‘(导入为'onUnmounted')在'vue’(可能的出口:默认)“-t”"Laravel“中找不到
这是我的app.js文件：
import Vue from "vue";
import router from "./Router";
require("./bootstrap");
Vue.use(router);
Vue.component(&#
浏览 2提问于2021-06-15得票数 1
还有第二个警告:在./src/main.js中的“导出‘默认”(导入为'Vue')中没有找到'vue'.中的警告。
它给我展示了一个空白站点，路由器可能出了问题，下面是我的App.vue的脚本(不确定)：
从“@/路由器”导出默认{}导入路由器
这是我的index.js：
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/home.vue'
Vue.use(VueRouter)
const rou
浏览 2提问于2021-04-20得票数 2
1回答
超过Vue.js最大调用堆栈大小
、、、、
我正在学习本教程，由于某种原因，我得到了“最大调用堆栈错误”。
<template>
<SearchInput></SearchInput>
</template>
<script>
import SearchInput from './components/SearchInput.vue'
export default {
name: 'App',
components:{
SearchInput
}
};
</script>
SearchInput.vue组
浏览 2提问于2022-03-29得票数 0
回答已采纳
1回答
带Vue路由器全局的无限循环
、、、、
我试图用Firebase Auth和Vue路由器重定向用户。
关键是，当路由器将用户重定向到“/”时，网站中没有显示任何内容(完全是白色屏幕)。
我知道我做错了什么，但我不知道到底出了什么问题。
这是我的“router.js”文件的样子：
const router = new Router({
routes: [
{
path: '*',
redirect: '/login'
},
{
path: '/',
redirect: '/login'
}
浏览 1提问于2019-04-21得票数 0
回答已采纳
的目标：有两个独立的、独立的可导航路由和vue路由器.
详细信息：
如何使用vue路由器独立地路由页面的两个部分？假设您将一个页面拆分为main view和sidebar。main view是您通常期望的视图，单击链接，它将更改路径并加载一个新组件。sidebar是完全独立的，无论您在main view中的哪个位置，sidebar都不会改变，但是sidebar也有链接，可以让您访问其内部的不同组件。
使用vue-路由器，我可以指定视图，但这些视图似乎与当前路径/路由相关联，不能单独控制。
示例注释：
问题
vue-路由器可以有两个独立的、独立的路由/视图吗？如果是的话，是否有关于这方
浏览 0提问于2019-03-02得票数 3
我正在处理一个项目，在那里我使用Vue CLI项目和。一切都很好，除了我最近发现的一个奇怪的bug。
每当我在页面(Vue路由器)之间导航时，从组件mounted()属性中侦听的事件就变成双倍事件。这实际上是N+1的问题。
为了更清楚地描述这个问题，我有两个Home.vue和HelloWorld.vue组件。在Home.vue组件中，每当单击按钮并从同一个组件mounted()属性侦听event.reply()时，我都会向main进程发送一个事件。在这个阶段它完全和预期的一样。
但是，每当我转到HelloWorld页面并再次切换回Home页面时，当我单击按钮从main进程发送和接收event时
浏览 0提问于2020-08-16得票数 2
回答已采纳
1回答
我正在尝试在Laravel + Vue教授SPA。
我有一些很不错的simpe组件。
<template>
<p>Home</p>
</template>
<script>
export default {
name: 'Home'
}
</script>
另外，我还有一个路由器文件
import Home from '../pages/home.vue';
import Profile from '../pages/profile.vue&
浏览 9提问于2018-01-24得票数 0
回答已采纳
我有一个包含多个组件的Vue.js应用程序，其中一些组件以如下方式使用路由器：
this.$router.push({
name: 'overview',
params: { ... },
});
但是，如果我尝试在App.vue中做同样的事情：
import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuetify from 'vuetify';
import store from
浏览 2提问于2018-10-25得票数 1
回答已采纳
使用以下指南使用TypeScript创建了一个新的Vue项目：
安装Vue CLI，如果尚未安装
npm安装--global @vue/cli
创建一个新项目，然后选择“手动选择功能”选项
vue创建my-project-name
用npm run serve测试了这个项目，并且没有出现问题。
然后我通过运行vuetify添加了vue add vuetify
然而，这导致了一些错误：
C:/test/vue中的错误-test/src/main.ts(13，3)：13:3没有重载匹配此调用。重载3中的1，‘(选项？：ThisTypedComponentOptionsWithArrayProp
浏览 5提问于2020-04-07得票数 2
回答已采纳
我正在设置一个新的vue项目，路由器在控制台中抛出以下错误消息：
“vue-路由器未能解析异步组件默认值: ReferenceError: jQuery未定义
路由导航过程中路由器未登录错误：
ReferenceError: jQuery未定义“
我检查了是否在jQuery文件中导入了*.vue :就是这样。另外，我还通过npm重新安装了jQuery包。
公式1.：
<script>
import JQuery from 'jquery'
let $ = JQuery;
some code...
</script>
route
浏览 0提问于2019-01-29得票数 0
问题是我不能在vue路由器上得到cookie。当我尝试这样做时：this.$cookie.get('token');，我得到了this undefined。尽管我可以在vue组件中使用this.$cookie。这是我的代码片段：
Vue-路由器：
这是一个函数，用于检查我是否从cookie获得令牌(但它不起作用)：
function isLoggedIn (to, from, next) {
console.log(this.$cookie.get('token'));
}
这是一条路线，我在其中使用isLoggedIn：
{
path: '/&
浏览 0提问于2019-06-01得票数 1
回答已采纳
<template>
<router-link :to="{ name: 'work', params: { projectId: $store.state.projectId }}">Work</router-link>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component()
export default class
浏览 166提问于2019-07-25得票数 3
回答已采纳
1回答
我在Vue路由器的路由：
{ path: 'articles/create', component: () => import('Detail.vue') },
{ path: 'articles/:id/edit', component: () => import('Detail.vue') },
如您所见，我在两条路由上呈现相同的Vue组件Detail.vue。
当Detail.vue将从/articles/5/edit更改为/articles/create时，我如何“强制”Vue破坏&重新创建组件？
浏览 0提问于2020-11-04得票数 5
回答已采纳
我正在使用AngularJS用户界面路由器.我正在尝试为未经身份验证的用户实现保护路由。我正在检查用户是否登录到$stateChangeStart上。如果用户未登录，则重定向到登录状态。
但是，当我在$state.go("login")处理程序中使用stateChangeStart时，处理程序代码将进入无限循环，并得到控制台错误"RangeError:最大调用堆栈大小超出“。
下面是我的代码：
$rootScope.$on('$stateChangeStart',
function(event, toState, toParams, fromState,
浏览 14提问于2017-08-30得票数 2
回答已采纳
运行以下代码时：
(function recur() {
recur()
})()
引发以下错误-
未指定的RangeError:超过最大调用堆栈大小
-在堆栈中填充对函数(recur)的引用。
那么，为什么下面的代码：
(function recur() {
try {
recur()
} catch (error) {
recur()
}
})()
即使在catch块中捕获了错误，也不返回块中的错误？或者至少抱怨函数溢出了调用堆栈
当代码运行时，它会暂停所有其他非异步代码的执行，但是.没有错误？！这是怎么回事？
浏览 0提问于2018-09-03得票数 0
回答已采纳
数据包入口路径中以太网设备的行为是什么？
如果发送方正在发送大于MTU的帧，则：
1)接收器的设备是否直接在硬件中丢弃它，
2)或者接受它并将其发送给内核的IP堆栈来处理它？
3)何时发送ICMP frag-required？
4)如果以太网设备是在中间路由器上还是在终端主机上，会有区别吗？
浏览 3提问于2011-08-20得票数 0
我在chrome上收到错误消息“未捕获RangeError:超出了最大调用堆栈大小”。下面是我的jQuery函数
$('td').click(function () {
if ($(this).context.id != null && $(this).context.id != '') {
foo($('#docId').val(), $(this).attr('id'));
}
return false;
});
请注意，页面中有数
浏览 72提问于2011-10-05得票数 120
回答已采纳
我有几个进程在RHEL 6.3上运行，但由于某些原因，它们超出了线程堆栈的大小。
例如，在启动时，Java进程在运行时的堆栈大小为-Xss256k，而在实际代码中使用pthread_attr_setstacksize()，C++进程的线程堆栈大小为1MB。
然而，由于某些原因，这些进程没有遵守这些限制，我不确定为什么。
例如，当我运行
pmap -x <pid>
对于C++和Java进程，我可以看到每个进程都有数百个'anon‘线程(我已经确认它们是由每个进程创建的内部工作线程)，但是每个线程都有64MB的分配值，而不是上面设置的限制：
00007fa4fc000000
浏览 0提问于2012-11-01得票数 4
回答已采纳
目前，我的Vue路由器正在为我的路由器使用哈希模式，我正在寻找一种在生成到另一个组件的链接时传递参数的方法。到目前为止，我想出了这个：
在我的标记中，这就是当前的样子：
<b-button variant="primary" class="rounded-0" :href="'/article/' + article.id" >View post</b-button>
我将文章id传递到链接中，以便当用户单击按钮时，它将指向一个组件，在该组件中，带有相应id的文章与其内容一起可见。
设置路由时会出现问题，下
浏览 3提问于2022-08-08得票数 0
回答已采纳
2回答
我试着用vue路由器，但出了问题。
在呈现路由器链接的页面上，单击url更改。localhost/#/ ->本地主机/#/联系人，但组件窃取主页。只有在页面重新加载时才更新。
main.js
import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './index.vue';
import Error404 from './404.vue';
import Routes from './route';
Vue.u
浏览 0提问于2017-10-14得票数 2
我声明并初始化了一个有1001000个字符元素(100MB)的数组，当我运行它一段时间后它抛出了一个堆栈溢出异常时，它并没有说在第一个time.But发生堆栈溢出！我在项目选项->链接器->系统中将-Stack保留大小增加到200,000,000，但它不起作用！我正在使用2 2GB的Ram.How工作，我是否避免了堆栈溢出。
浏览 1提问于2009-10-18得票数 1
回答已采纳
5回答
我的目标是提出可以并行运行的最大线程数。我被谷歌指向了许多链接，他们通过划分RAM/StackSize给出了简单的数学运算。在64位Linux中，我们的线程堆栈大小定义为10MB(ulimit -s = 10240kb)，内存是4 GB，剩下1 GB给操作系统，按照这个数学，我可以有大约300个线程，但我写的小测试应用程序最大到了32297，然后出现内存不足错误。
我用-Xss尝试了不同的值，但这些值对线程数几乎没有任何影响，它仍然是~32297)。
这给我的印象是堆栈大小是可变的，由操作系统决定，并在需要时达到我们定义的最大值，但无论我在哪里阅读，它们的堆栈大小都是静态的
我到底错过了什么？
浏览 4提问于2011-08-03得票数 3
2回答
堆栈是堆中的逻辑内存区域吗？
、、、、
在Java中，对象存储在堆中，而方法局部变量存储在堆栈中。但是当我打开j控制台时，我没有看到堆栈中分配了任何内存。我只看到堆和permgen (Java 6)。堆栈是否只是堆中的逻辑分离而不是物理的？
浏览 2提问于2017-02-16得票数 1
回答已采纳
我正在计算一些繁重的递归函数(假设下面的代码是斐波那契的)我有两个版本：-第一个，普通递归(不注释"if(n%5==0)“)-第二个，每5个调用使用一次process.nextTick，以便让其他代码运行(不注释"if(false)”)
现在运行第一个得到一个"RangeError:超出了最大调用堆栈大小“，而运行第二个得到一个很好的"196418”。
这是代码。你能告诉我发生了什么吗，因为我不敢相信process.nextTick正在清理堆栈。
'use strict';
function fibo_cb( n, cb ){ fibo_rec
浏览 1提问于2019-10-18得票数 0
2回答
在不重新加载整个页面的情况下，我需要在vue应用程序中再次重新加载当前路由(仅重新加载组件)。
我在vue路由器中有一个路径，如下所示，
{
path: "/dashboard",
name: "dashboard",
component: loadView("Dashboard"),
},
当用户单击仪表板导航项目时，用户将被重定向至具有vue路由器编程导航的仪表板页面
this.$router.push({ name: "dashboard" });
但是，当用户已经在仪表板路由中，并且用户再次单击仪表板导航项目
浏览 2提问于2019-04-05得票数 8
1回答
我使用vue-路由器来控制我的路由，在普通页面中，当我刷新我的浏览器时，它不会犯任何错误。但是当我在路线上使用parmas的时候。我的文件被重定向到下面的路由器。
我的route.js像这样
{
path: '/user/:id',
component: (resolve) => require(['./template/user.vue'], resolve),
meta:{
title:'Personal',
}
}
在我刷新浏览器之前，文件链接类似于这个http://127.0.0.1:
浏览 2提问于2018-04-10得票数 0
回答已采纳
1回答
考虑：
void largestackallocation() {
double a[10000000];
}
int main() {
return 0;
}
在用MSVC (Cl.exe和MSBuild.exe)编译它时，发出了警告，建议将分配移动到堆而不是堆栈。编译处于发布模式，有以下选项：
/permissive- /ifcOutput "x64\Release\" /GS /GL /W3 /Gy /Zc:wchar_t /I"E:\local\boost_1_72_0" /Zi /Gm- /O2 /sdl /Fd"x64\Re
浏览 8提问于2021-12-26得票数 2
回答已采纳
假设我有这样一个Vue.js组件：
var Bar = Vue.extend({
props: ['my-props'],
template: '<p>This is bar!</p>'
});
当vue-路由器中的某个路由匹配如下时，我想使用它：
router.map({
'/bar': {
component: Bar
}
});
通常，为了将'myProps‘传递给组件，我会执行如下操作：
Vue.component('my-bar', Bar)
浏览 12提问于2016-06-21得票数 74
回答已采纳
我是新加入Vue.js的，所以我看了一些教程和论坛，讨论如何在Laravel刀片中渲染Vue.js组件，但我没有找到任何解决方案。
在我当前的app.js中，我在App.vue中呈现路由器视图，但是当我想要在welcome.blade.php中放置路由器视图时，没有显示.
import './bootstrap';
import {createApp} from 'vue';
import App from './App.vue';
import axios from 'axios';
import router from &#
浏览 3提问于2022-07-20得票数 1
我有一个App.vue文件，其中包含一个vue-router组件，用于加载我的不同页面的内容，如下所示： <template>
<div>
<router-view
:auth="auth"
:page_id="page_id"
>
</router-view>
</div>
</template> 我在created()方法中也有一些AJAX调用，似乎每次我通过路由器加载新页面时都会触发这些调用
浏览 60提问于2019-01-15得票数 0
2回答
我在vue-路由器上使用Vue.js 1.0。
我有一个组件UserList.vue
<template>
<a v-link="{name: "user_list", params: {cat: 'admin'}}">admin</a>
<a v-link="{name: "user_list", params: {cat: 'normal'}}">normal</a>
</template>
<script&
浏览 5提问于2016-10-24得票数 0
回答已采纳
1回答
我在一个laravel项目上使用vue-路由器，但是我需要使用laravel路由器作为api，所以我想知道当url包含/api/时如何从vue路由器传递到laravel路由器。我当前的web.php看起来如下所示：
Route::get('/{vue_capture?}', [HomeController::class, 'index'])->where('vue_capture', '[\/\w\.-]*');
浏览 9提问于2022-11-17得票数 0
我试图通过this.a.app访问vue-路由器中的会话，但是它弹出了一个错误。调试之后，我发现this是未定义的。这是im用来显示this的代码。
我曾尝试使用function(to, from, next) {...}而不是es6语法，但this仍未定义。
router.beforeEach((to, from, next) => {
if (!to.meta.isPublic){
// eslint-disable-next-line
console.log(this)
}
next()
})
是否需要进行任何配置，以便在vue-路由器中访问this？
浏览 2提问于2019-10-18得票数 5
回答已采纳
在将webpack从第3版升级到第4版和第三方软件包后，我得到以下错误：
vue-路由器未能解析异步组件的默认值: TypeError:无法读取未定义的属性“调用”
路由导航过程中的路由器未登录错误：webpack_require：TypeError:无法读取未定义的属性“调用”(引导代码:63)
Webpack.js
const ENV = process.env.NODE_ENV || 'production';
const path = require('path');
const VueLoaderPlugin = require('vu
浏览 1提问于2019-07-19得票数 0
如何与vue-路由器一起更改Vuetify选项卡
我使用虚拟标签和路由器参见。
在此示例中，存在两个子组件Foo和Bar。
我想更改活动选项卡和路由从Foo或Bar组件。这是一个简化的例子。我有标准的Vue结构(main.js，App.vue，Foo.Vue，Bar.vue)
我只能通过this.$router.replace更改路由器
谢谢。
JS
const Foo = {
template: '<div>Foo component!</div>'
};
const Bar = {
template: '<div>Bar
浏览 0提问于2019-07-15得票数 0
回答已采纳
1回答
这是我的文件树：
pages/
-index.vue (1)
-index/
--_id.vue (2)
我希望：
如果路由为mydomain.com ->，则仅呈现index.vue (1)
如果路由是mydomain.com/foo ->，则在index.vue (1)中呈现_id.vue (2)
当我没有子组件的参数时，我希望Nuxt子组件完全不呈现，但是用id值undefined呈现它。Vue路由器正确地执行它。
这是类似于JSFiddle的Nuxt行为： (第16行path: '/:id?')
这是我想要的JSFiddle (Vu
浏览 2提问于2020-09-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
