Angular8路由器对某些组件不起作用-回退到索引
Angular是一个流行的前端开发框架，而Angular路由器是Angular框架中用于管理页面导航和路由的模块。当使用Angular路由器时，有时候可能会遇到某些组件无法正常工作并回退到索引页面的问题。
这个问题可能有多种原因导致，下面是一些可能的解决方案：
- 检查路由配置：首先，确保在Angular应用的路由配置中正确定义了需要导航的组件。检查路由配置文件（通常是app-routing.module.ts）中的路径和组件是否正确匹配。
- 检查路由链接：如果路由链接不正确，可能会导致组件无法正确加载。确保在应用中使用正确的路由链接，可以通过在HTML模板中使用
routerLink指令来创建正确的路由链接。 - 检查路由守卫：Angular提供了路由守卫功能，用于在导航到某个路由之前执行一些操作。如果某个路由守卫返回了
false，则导航将被取消并回退到索引页面。检查是否有任何路由守卫被应用到了这些组件上，并确保它们的逻辑正确。 - 检查组件代码：检查这些组件的代码，确保没有任何错误或逻辑问题导致它们无法正常工作。可以使用浏览器的开发者工具来查看是否有任何错误信息。
如果以上解决方案都没有解决问题，可以尝试以下步骤：
- 更新Angular版本：确保使用的是最新版本的Angular框架和相关依赖。可以通过运行
ng update @angular/core命令来更新Angular框架。 - 清除缓存：有时候浏览器缓存可能会导致一些问题，尝试清除浏览器缓存并重新加载应用。
- 检查网络连接：如果应用依赖于外部资源（例如API接口），确保网络连接正常并且资源可访问。
对于Angular开发者，腾讯云提供了一系列的云产品和服务，可以帮助开发者构建和部署Angular应用。其中，腾讯云的云服务器（CVM）可以用于部署应用，云数据库（CDB）可以用于存储数据，云存储（COS）可以用于存储静态资源，云函数（SCF）可以用于处理后端逻辑等等。具体的产品介绍和链接如下：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署应用。了解更多：腾讯云云服务器
- 腾讯云云数据库（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储数据。了解更多：腾讯云云数据库
- 腾讯云云存储（COS）：提供安全可靠的对象存储服务，用于存储静态资源。了解更多：腾讯云云存储
- 腾讯云云函数（SCF）：提供无服务器的事件驱动计算服务，用于处理后端逻辑。了解更多：腾讯云云函数
通过使用腾讯云的这些产品，开发者可以轻松构建和部署Angular应用，并且腾讯云提供了完善的文档和技术支持，帮助开发者解决各种问题。
相关·内容
我需要在React路由器中使用以下路径
我使用下面的代码声明路径，但它不起作用。知道怎么用这个吗？它适用于回调/:代码，但我的回调url来自源代码，格式如下。另外，如何从react路由器中的url中提取代码。请注意，我使用的是旧版本，因为当前应用程序在旧版本中。
<TestRoute
// authenticated={true}
path={`${userRoute}/test/callback/?code=:code`}
component={CallBackHandler}
h
浏览 3提问于2022-06-15得票数 1
回答已采纳
在angular8中，我生成了一个服务，它使用路由器订阅路由器更改，并获取组件实例，因此我使用此组件调用函数。但是函数中的this不是组件。在调用服务中的函数时，如何绑定组件？ 服务 this.router.events
.pipe(
filter((event) => event instanceof NavigationEnd),
map(() => this.activatedRoute),
map((route) => {
while (route.firstChild) {
浏览 23提问于2020-03-23得票数 0
3回答
我有一个简单的代码不起作用。我把它从反应路由器项目页面，并稍加修改，以使它看起来更好。
设置
我有几个非常简单的反应组件：
var IndexPage = React.createClass({
render(){
return (<h1>Index Page</h1>);
}
});
var AboutPage = React.createClass({
render(){
return (<h1>About page</h1>);
}
});
var NotFoundPage =
浏览 0提问于2016-02-14得票数 2
回答已采纳
1回答
我正在尝试在Angular8中获取Angular8，但这并不总是返回url，即使我将它包括在ngOnInit()中。
特别是，当：
更改URL
第一次装载
app.component.html
<app-nav-menu></app-nav-menu>
<div class="container">
<router-outlet></router-outlet>
<app-myAppForGettingTheURL></app-myAppForGettingTh
浏览 1提问于2019-11-15得票数 0
回答已采纳
我正在尝试找出谁是最后更改文档的用户。最好，我想根据这些信息进行收集……我能找到的只有修改日期。
使用中的脚本，我似乎没有在元数据中找到关于最后一个用户的信息。
这是正确的吗(不修改用户信息...)，如果正确，可以这样做吗？
浏览 2提问于2012-04-10得票数 0
回答已采纳
我设置了一个上下文，其中包含通过API调用更新的字段： export const CharacterContext = React.createContext()
export class CharacterProvider extends Component {
constructor(props) {
super(props);
this.state = {
text: "test, test",
name: "no-name",
id: &
浏览 35提问于2019-05-13得票数 0
回答已采纳
1回答
这是我在这里的第一个问题，所以如果我没有说清楚的话，请耐心地回答我。
所以我有2块思科RV180W路由器硬件。
办公室规模适中，一个Wifi路由器不足以覆盖所有这些路由器。所以我才有两个路由器。
我们也有两个广域网连接，这样我们就没有一个ISP的故障点。目前，每个路由器连接到一个广域网。
我们还拥有一些共享的网络资源，如Wifi打印机和NAS。
目前的情况是，每个路由器都广播自己的SSID，因此它就像两个完全独立的网络。支持:用户可以选择自己的SSID在ISP之间切换。Con:为了打印或使用NAS，他们必须切换SSID，因为这两件事只与一个路由器相关。
所以我要找的是：
将两个SSID合并为一
浏览 0提问于2013-05-27得票数 0
回答已采纳
我用的是Nuxt和Vue路由器和Axios。我看到Vue路由器有一个非常棒的特性叫做。
不幸的是，在下面的示例中，调用了我的beforeRouteEnter()函数，但在手动next()方法在fetchPageData(next)中调用之前，它似乎会退出并切换页面。
这里的正确模式是什么？
export default {
beforeRouteEnter (to, from, next) {
next(vm => {
vm.fetchPageData(next);
});
},
methods: {
浏览 5提问于2020-02-14得票数 9
回答已采纳
2回答
我正在尝试添加一个默认页面，用户在打开站点时第一次访问该页面，但它没有呈现默认路由。我怎么才能解决这个问题？响应路由器v6备注:没有路由器工作很好，所以不应该是组件问题
import React, {useState} from 'react';
import './App.css';
import {BrowserRouter as Router, Routes, Route, Switch} from 'react-router-dom';
import AddNote from './components/noteDisplay/a
浏览 6提问于2022-02-05得票数 1
回答已采纳
我的层次结构中有根组件，称为" root -app“。我也有路由器和一些组件，由这个路由器加载。我有一个服务，它控制页面导航。我需要获取一个元素
<img #animationDetails src='..' alt=''>
在每个组件加载后，从该服务。如何在路由器加载后从服务中获取元素。
浏览 3提问于2017-09-12得票数 0
我正在尝试为gsearch在router-outlet中实现具有“名称”的路由。当gsearch条件匹配时，<router-outlet name="gsearch"></router-outlet>应该打开视图，rest router-outlet不应该显示任何视图。
无论是"gsearch“路由出口还是其他路由器出口，都应该根据路由条件一次工作。
如何实现这一目标？
app.component.html
// if, else if, else conditions type
<router-outlet name="gsea
浏览 0提问于2019-06-26得票数 0
回答已采纳
1回答
当使用React路由器ChoosePlayer在Route中嵌套Route组件时，
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/players">
<Route element={<ChoosePlayer />} />
// <--- Some dynamically generated routes here for
浏览 4提问于2022-03-05得票数 2
回答已采纳
我把我的angular7升级到angular8，我注意到我的webpack版本从4.33.0降到了4.30.0。angular8支持动态导入，所以我想使用webpack的“魔法评论”来定制我的angular模块块名称，但它不起作用。
{
path: "published",
loadChildren: () => import(/* webpackChunkName: "DashboardPublished" */ './dashboard-published/dashboard-published.module').then(
浏览 0提问于2019-06-12得票数 1
2回答
我想知道是否有，我们可以知道图像没有加载到屏幕上(roPosterScreen，roSpringBoard，或任何屏幕)。我的意思是，我在任何一个屏幕上设置了一个图像url，然后图像被从服务器上删除了，那么我们可以检查图像是否还在那里吗？
谢谢
浏览 0提问于2014-08-12得票数 0
2回答
我在这里使用的是react路由器-dom版本6.0.2，“呈现”道具不起作用，每次我到达路由标记路径中提到的url时，它都会向我抛出这个错误-- "/addRecipe“位置的匹配叶路由没有元素，这意味着默认情况下它将呈现一个空值，从而生成一个”空“页面。有谁能帮我解决这个问题吗？
import './App.css';
import Home from './components/Home';
import AddRecipe from './components/AddRecipe';
import items from '.
浏览 6提问于2021-12-07得票数 2
我正在编写一个Ember应用程序，它由一些复杂的、有状态的组件组成。我很难理解Ember如何处理这类应用程序，因为它不是传统的CRUD应用程序。
它是一个高度交互的单页面应用程序。一些示例组件包括Xmpp文本聊天、多方音频、Xmpp共享白板和弹出通知
有一个全局状态(我可以看到通过路由器进行处理)，它设置用户上下文(与我一起在音频/白板上工作的人)。我不太明白的是，如果有的话，路由器会在设置聊天上下文中扮演什么角色，这与音频和白板无关，但仍然是有状态的。我无法想象来自路由器的URL字符串如何同时反映所有这些组件的状态。
在这种情况下，我会完全跳过使用路由器吗？如果是这样，我如何链接我的应用程序
浏览 2提问于2013-01-04得票数 2
回答已采纳
1回答
我的main.js文件中确实有以下代码：
import Vue from 'vue';
import App from './components/App';
import router from './router';
const app = new Vue({
data: { loading: false },
router,
render: h => h(App),
}).$mount('#app');
现在，我尝试从路由器(./router/index.js)设置加载变量：
router.beforeE
浏览 0提问于2020-12-18得票数 1
回答已采纳
1回答
我有一个AngularJS SPA网站，我想测试使用谷歌的“抓取作为谷歌”的功能，在网站管理员工具。我对结果有点困惑。来自Googlebot的屏幕截图看起来是正确的，但是响应不包括"ui-view“(ui-路由器)中的任何内容.有人能解释一下这里发生了什么吗？因为截图是正确的，谷歌是否对网站进行了正确的索引？还是google不能正确地执行JS索引呢？
浏览 0提问于2015-04-15得票数 4
回答已采纳
我有一个带有wishlist选项的页面，现在如果用户没有登录并单击wishlist按钮，那么用户将被重定向登录页面，但是在成功的用户登录之后，我想将用户带到以前的路由状态，用户单击wishlist按钮吗？
我尝试使用像RoutesRecognized这样的路由器事件，但是如果我第二次访问登录页面，第二次启动它，这并不是第一次启动。任何建议都请帮忙。
我甚至使用了成对()的路由器事件方法，但这也是第二次(不是第一次)，也就是说，如果我回到第1页并重新导航到page2，这个方法就会触发。它根本不会在第一次访问的时候从第1页->第2页被点燃
浏览 5提问于2017-10-13得票数 2
回答已采纳
1回答
我从使用标记为"depricated“的路由器升级了角2，并开始使用rc5和rc6中的”新“路由器。但是，现在我遇到了一个问题(从rc5开始，在rc6中仍然一样)，其中有一个组件需要导航到同一个组件，但是参数不同(根据参数获取其他数据，然后是视图中的数据)。
在简化的路由器中，构造函数和AfterViewInit等，在使用this.router.navigate导航到组件时每次都会调用。在新路由器中，构造函数和其他东西在一个接一个地调用同一个组件时不会被调用。因此，我想有某种“魔法”/缓存正在发生。还请注意，在组件中，我发送了一个必需的参数和一些可选参数，因此链接如下所示：
是否有任何
浏览 11提问于2016-09-05得票数 5
是否有可能在每次响应更新时调用一个函数？
更多一些上下文:我想在React中使用的全部功能。我尝试了两个NPM包，但他们似乎没有做我所期望的。
我想做的是，每当任何组件更新时，我都想调用EQCSS.apply()。
我尝试过在componentDidUpdate中调用，但在更改页面时(例如，使用react路由器)，这似乎不起作用。
import React from "react";
import ReactDOM from "react-dom";
import { Router, Route, browserHistory } from "reac
浏览 4提问于2016-09-30得票数 3
回答已采纳
我正在寻找@ ，并想知道是否有可能有一个基本的abstract class代替？而不是interface，是否有可能在子组件中有不同的基类实现，这些实现可以通过Angular2中的@ViewChild装饰器对父组件进行访问。
理想情况下，我希望有一种方法让通过父Router实例化的子组件能够调用父路由器--这有意义吗？我希望孩子能打电话给parentRouter.navigate(["SomeOtherRoute", { args: 'blah' }]);。
我最初的方法是让子组件实现一个基类，父组件将通过@ViewChild装饰器获得引用。父节点将对试图调用导
浏览 0提问于2016-04-25得票数 9
回答已采纳
假设我们有一个web应用程序。它通常有许多视图，如索引页面，管理面板，帮助页面，联系人等。我在主index.js中使用react-router-dom处理它们，它工作得很好。
然而，现在我遇到了开发管理面板的问题。它是index.js路由器支持的路由之一，但它包含自己的菜单，其中包含管理员可以执行的所有操作。
我应该如何处理这一点，只替换我需要的内容在管理面板(管理操作菜单停留)，而不是像我从index.js路由器做的全部内容？
我尝试在管理面板中使用来替换内容，但它要么说了太多的递归(如果我复制了管理面板本身的路径)，要么什么都不说就不起作用了。
我是反应新手，我甚至不知道如何称呼这个问题。
浏览 1提问于2018-03-25得票数 32
回答已采纳
路由器链接url不应更改为默认url。
当我使用RouterModule.forRoot(appRoutes，{ useHash: true })时，它工作正常。但我更改为useHash = false，它不起作用
在html中，我使用了以下代码：
<a routerLink="/applicationredirect" [queryParams]="{appId: recentMenu.applicationId}">{{recentMenu.applicationMasterName}} - {{recentMenu.applicationCod
浏览 0提问于2019-06-13得票数 0
我有一个简单的按钮，它应该将变量设置为字符串常量。变量是在component.ts中声明的，并且可以在模板中访问。
<button (click)="myVariable='all'" >Test</button>
在开发模式下，一切工作正常，但是使用ng build --prod --aot时会出现以下错误：
Property 'all' does not exist on type 'GridComponent'
我做错了什么？
编辑：
我很清楚更改为调用setVariable('all
浏览 2提问于2020-01-29得票数 0
我试图理解BrowserRouter和react-router-dom (v5)包的Router之间的区别，以及它对下面的示例有什么不同。
文件上说：
BrowserRouter A，它使用HTML5历史API (pushState、replaceState和popstate事件)使UI与URL保持同步。
来源：
路由器，所有路由器组件的公共低层接口.通常，应用程序将使用高级路由器之一: BrowserRouter、HashRouter、MemoryRouter、NativeRouter、StaticRouter。
来源：
据我所知，我应该在我的HTML5浏览器应用程序中使用H
浏览 0提问于2019-06-21得票数 64
2回答
我使用的反应路由器创建多个网页，而不改变我的肚脐，它给我的所有是一个空白页。我尝试过多种东西，如浏览器路由器，并交换，它们都不起作用。
function App() {
return (
<div className="App">
<Navbar />
<Router>
<Link to="/">Home</Link>
<Link to="/aggrid">Ag
浏览 5提问于2022-08-04得票数 0
1回答
组件A是一个侧栏，其中
显示类别列表并只启动一次，因此不能使用ngOnInit
College
Faculty
Workshop
Time
Email
组件B使用表单设置组件，该表单在提交时更新这些类别的名称并将更改存储在DB中。
目前，这些类别名称都是硬编码的。
我想在组件B更新后立即更改组件A的视图。
App结构是
app
|--Admin
|--Sid
浏览 1提问于2016-07-16得票数 0
我使用redux、redux和其他依赖项，在登录后尝试重定向页面，使用history.push()，但它不起作用。因此，为了解决这个问题，我马上使用window.location.reload ()。
这里是我代码的一部分：
export function* signIn({ payload }) {
try {
const { email, password } = payload;
const response = yield call(api.post, 'sessions', {
email,
password
浏览 3提问于2020-08-21得票数 0
回答已采纳
由于React路由器V4只发布了一段时间，而且没有类似于transtionsTo(...)在V3中的动态路由的清晰文档，我觉得对这个问题的简单回答可能会让很多人受益。所以我们开始吧。
让我们假设以下理论场景:一个有一个组件Container，它包括另外两个组件(Selection和Display)。现在，就功能而言：Container持有一种状态，该状态可以由Selection更改，Display则显示基于所述状态的数据。
现在，人们将如何改变URL，以及通过react路由器改变状态所触发的状态？
关于更具体的例子，请参见()。然而，我觉得有必要概括和缩短这个问题，使之有所进展。
浏览 2提问于2017-04-23得票数 0
2回答
<html>
<body>
<form id="loginForm">
<input name="username" type="text" />
<input name="password" type="password" />
<input name="continue" type="submit" value="Login" />
<inp
浏览 0提问于2010-06-02得票数 1
我正在使用react本地路由器，但我遇到了这个问题，我可以解决它。我使用的是react-native-router-flux版本4.0.6 路由器代码： const AppNavigation = () => {
<Router>
<Stack key="root">
<Scene key="signin" component={SignInForm} title="SignIn" initial={true}/>
<Scene key="signu
浏览 25提问于2019-06-26得票数 0
我正在制作我的第一个react + redux应用程序，我有一个问题。我有一个呈现输入字段的组件，由于在它上面添加了一些内容，所以我需要将它转换为scrollIntoVIew。
所以，我只是在组件componentDidUpdate()生命周期方法中添加了scrollIntoView：
componentDidUpdate() {
console.log("scroll");
this.refs.input.scrollIntoView();
}
唯一的问题是，这个组件不会每次都重新呈现(因为它没有任何变化)，所以scrollIntoVIew只被调用一次。
我可
浏览 0提问于2017-10-11得票数 0
1回答
我试图在vue中的路由器链接上定制一个事件，但它似乎不起作用。我想做这样的事-
父母-
<Home @customEvent="myEventHandler" />
剧本-
export default {
methods: {
myEventHandler() {
console.log('yay')
}
}
孩子
export default {
...
mounted() {
axios.get('api/link').then(res => {
this.posts
浏览 0提问于2018-11-07得票数 1
回答已采纳
我开始使用React路由器v6，并遇到了驱动路由转换的问题。
和都指定了与新的v6 api不兼容的方式。
主要原因似乎是删除了<Switch>组件。
In react路由器@v5，这起作用了：
import { Router, Route, Switch, useLocation } from 'react-router@v5'
import { TransitionGroup, CSSTransition } from 'react-transition-group'
function App() {
const location = use
浏览 11提问于2020-04-07得票数 13
回答已采纳
如果用户单击主菜单中的routerLink已经加载了页面或组件，如果用户再次单击该路由器链接，如何重复相同的过程？单击已单击的路由器链接不起作用。
<ul class="nav navbar-nav" id="menu">
<li class="nav-item" id="signup-link"><a class="nav-link" routerLink="signup">Sign up</a></li>
浏览 1提问于2017-08-03得票数 0
1回答
我正在集成SB Admin2模板与我的角7 project.But，在侧边栏中的任何链接都不起作用。即使它们也不是完全可点击的。但是，如果将路由器链接放入正文包装器中，则它的工作原理是正确的。
我已经尝试过使用路由器链接而不是路由器链接，我在应用模块中增加了路由器模块注意:路由器链接在index.html文件中
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="
浏览 0提问于2019-09-10得票数 1
回答已采纳
<div><SearchProjects></SearchProjects></div>
<div>
<router-outlet></router-outlet>
</div>
每当我根据需要更改搜索内容时，我都需要刷新路由器出口组件数据。
在第一次路由时，我使用共享服务共享数据，但它不会工作，因为在init调用上只有一次。对于相同路由的下一个数据，它将不起作用。
我需要在常量搜索组件和更改路由器(路由器插座)组件之间共享数据。有时，对于相同的路由，需要呈现两个不同的数据。
浏览 8提问于2017-07-17得票数 0
我使用过angular8中的bootstrap4选项卡。现在，如果我没有在第一个选项卡(即，user选项卡)中填写详细信息并单击submit，则必须禁用other选项卡，一旦单击submit按钮，则必须启用其他选项卡。此处基于点击其他页签，必须加载other页签中的内容，如果未点击other页签，则others页签中的详细信息一定不能填写。我试过使用点击事件和tabChange事件，但在app.component中一切正常，但数据不会基于点击其他选项卡而出现在用户或其他选项卡上。
我没有继续前进，我甚至使用了事件发射器和应用程序内部的存储，通过服务文件，但对我来说什么都不起作用。
浏览 1提问于2020-02-15得票数 0
如何在fedora Linux中使用nslookup命令检查电子邮件域？我在终端中使用了以下命令：
nslookup -query=mx com3263@dcs.ruh.ac.lk
这对我不起作用。正确的命令是什么？
浏览 12提问于2013-01-12得票数 1
回答已采纳
1回答
我正在创建的网站与反应+反应-路由器和反应-redux。这是我的商店和减速机：
const defaultState = {
posts: [{key:0, title: 'Default post', text: 'Every visitor is welcome!'}]
};
const store = createStore(
(state = defaultState, action) => {
switch(action.type) {
default:
r
浏览 2提问于2016-05-19得票数 2
回答已采纳
1回答
我已经为我的应用程序创建了一个asp webapi来连接DB。在本地主机上进行开发时，一切都很好。但是，在发布之后，除了主页之外，什么也不起作用。看来我的路由在发布后不起作用了
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapHttpRoute(
name: &#
浏览 2提问于2012-10-15得票数 0
回答已采纳
3回答
反应-路由器是一个非常糟糕的开端.看似基本的东西不起作用。使用react-路由器2.0.0我的链接组件将URL更新为/about，但我的页面在此之后不会呈现有关组件.
入口点js
var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var hashHistory = requi
浏览 0提问于2016-03-05得票数 13
回答已采纳
1回答
在角2中有多个活动模块
、、、
角2决赛已经发布，我一直在玩最后的路由器释放。
在这里可以找到路由器的一个很好的例子：
我在想，在加载一个新模块时，是否有任何机制将当前模块呈现在DOM中(但隐藏的)？这里的用例是，用户可能正在使用Admin类型的模块，并且意识到他们需要创建一些资产(也许是用户)，所以跳到用户模块来创建；然后跳回他们在Admin模块中的位置。
在这种情况下，用户可能在管理模块的某个深链接部分，如果他们失去了他们正在做的事情，那将是非常奇怪的行为。
这个是可能的吗？从我到目前为止所做的一切来看，我已经看到了<router-outlet>标记中显示的模块被完全从DOM中抛出。
谢谢!
浏览 0提问于2016-09-23得票数 8
回答已采纳
我在我的应用程序中使用react路由器进行导航。
为了在使用Link导航时将一些数据从当前组件传递到其他组件，我们使用：
this.props.history.push('/other-page', { id: 7, color: 'green', .... }))
当单击browser back按钮时，如何从当前组件将数据(对象)传递给前一个组件？
PS：我看到了一些解决方案，其中建议用查询字符串传递一些数据，但我不想使用它，因为我必须传递一个具有许多属性的大对象。
所以有可能用反应路由器？我们的I应该在某些外部组件中使用状态，或者使用Redux存储来共享数据
浏览 0提问于2019-05-16得票数 3
我有一个angular 2 rc6应用程序，该应用程序使用angular 2路由器将组件加载到路由器插座中。一般来说，这一切都很好，但我的问题是，当用户单击他们已经路由到的页面的链接routerLink时，他们希望组件重新加载。
重新加载组件似乎不是angular 2路由器的默认行为，相反，它似乎认识到组件已经是当前组件，并且什么都不做，有人知道如何改变这一点吗？
浏览 2提问于2016-09-06得票数 7
1回答
我用Webpack和Vue.js一起创建了一个大规模的网络应用程序.我遇到的问题如下：
我使用的是vue-路由器和主要应用程序模板的以下结构：
<customNav></customNav>
<router-view></router-view>
导航是一个文件组件，它在组件文件中定义了自己的样式。假设默认情况下它有一个黑色的背景。现在，在单个情况下(当通过路由器显示不同的视图时)，我希望它是透明的。
我想我可能只是在路由器视图组件中覆盖CSS，但这不起作用，因为Webpack正在捆绑我导入的所有组件的CSS，并且我必须导入main.js中的所有
浏览 3提问于2016-11-29得票数 2
回答已采纳
我正在开发一个应用程序，它为应用程序的每个主要部分使用延迟加载的模块。我有一个和两个路由器插座，一个在主路由器插座上，另一个叫做details。 const routes: Routes = [
{ path: '', component: BooksComponent, resolve: {books: BooksResolver},
{ path: ':id', component: BookDetailsComponent, resolve: { book: BookResolver},outlet: "details"
浏览 34提问于2021-09-28得票数 0
问题是如何在Vue组件中维护iframe的内容和状态，无论组件是显示还是隐藏。
我尝试了两种方法：
(1)与vue路由器结合使用。
<keep-alive>
<router-view>
<Component></Component>
</router-view>
</keep-alive>
(2)将其作为子组件，使用v-if代替vue-路由器显示和隐藏。
<Component v-if="$store.state.isShow"></Component>
这两种方法都
浏览 5提问于2018-07-09得票数 1
回答已采纳
我有4个选项卡在一个角页(由垫-标签)，每个标签包含一个子组件包装其他较小的组件，以提供该选项卡页的功能。
现在，从其中一个选项卡中的子组件中，我希望通过单击一个按钮将用户带到第二或第三选项卡。如何从位于另一个选项卡中的子组件导航到不同的选项卡？
这里我不使用路由器，我想将一个数据对象传递给位于不同选项卡中的子组件。
浏览 1提问于2020-10-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
