草庐IT

ROUTER-OS

全部标签

javascript - VueJS 与 vue-router 如何重定向到服务器路由

我正在尝试将用户点击注销链接重定向到服务器呈现的注销页面。但是由于下面的代码,我只是被重定向到默认路径。我在flask中设置了一个服务器路由,如下所示:@app.route('/logout')deflogout():logout_user()returnrender_template('login.html')在vue中,我想重定向路由,以便将我定向到服务器路由。Logoutexportdefault{name:SomePage.vue},methods:{logout(){this.$router.replace('/logout')//Ialsotried.go('/logout

javascript - UI-Router 和解析, Controller 中的未知提供程序

我在UI-Router.state()调用中使用resolve。在我的Controller中,我可以毫无问题地访问这些值,但它会抛出如下错误:$injector/unpr?p0=ctrlOptionsProvider%20%3C-trlOptions以下代码抛出错误,但允许我访问变量ctrlOptions就好了:.state('new_user',{url:"/user/new",templateUrl:"views/user/new.html",data:{pageTitle:'NewUser'},controller:"UserController",resolve:{ctrlOp

javascript - 使用 iron-router 时设置 HTML 标题

如何在使用iron-router时最好地设置HTML标题?这是我想做的:{{KAZOOM}}{{>menu}}{{yield}}{{KAZOOM'examplepage'}}That'sjustanexamplepage{{KAZOOM'foopage'}}AnotherexamplepagewithdifferentHTMLtitle您看到KAZOOM如何及时返回设置HTML标题了吗?我希望这样做的原因是我认为HTML标题是内容的一部分。如果我可以通过编辑生成页面的模板来调整页面的HTML标题,那就太好了。不幸的是,我没有看到一种干净的方法来实现这一目标。我能想到的最接近的名称是yi

javascript - Root Navlink 始终获得事件类 React Router Dom

我正在使用react-router-dom:4.2.2。我可以将activeClassName添加到当前URL。但令人惊讶的是,该类总是添加到根URL。在访问一个页面时,例如如下图所示的错误页面,主页导航链接也获得了activeClass。更新:在上面的屏幕截图中,我显示我访问了http://localhost:3000/#/error。因此,active-link应该只添加到LoveError?NavLink。但如您所见,它也被添加到HomeNavLink。这是我的导航栏代码:importReactfrom'react';import{NavLink}from'react-route

javascript - 使用 react-router v4 和预取数据进行服务器渲染

我在RR3的服务器端渲染方面做了很多工作,所以我想看看它在v4的上下文中是如何工作的。我按照网站上的教程进行操作,但是由于渲染是与路由匹配一起进行的,因此无法像以前那样实现预取数据。以下是我过去使用v3进行服务器渲染的方式:https://github.com/alexnm/react-seed/blob/master/server/index.js基于匹配函数,我将从所有组件树调用所有预取函数,然后等待Promise.all让他们完成,然后触发renderToString函数并返回html。在RR4中,我们只有组件,所以我提出的当前解决方案是复制渲染代码:https://github

javascript - React Router 重定向哈希链接

我为我网站的导航栏创建了一个自定义按钮组件。当用户单击按钮时,该组件返回一个重定向,将用户带到他们选择的页面。exportdefaultclassButtonextendsComponent{constructor(props){super(props);this.state={redirect:false};this._handleClick=this._handleClick.bind(this);}_handleClick(e){e.stopPropagation();this.setState({redirect:true});}componentDidUpdate(){if(

javascript - 我怎样才能让 angular-ui-router 具有空白的 ui-sref 属性?

我正在使用angular-ui-router在bootstrap和angular中编写下拉导航。当链接有下拉菜单时,链接应该是空白的。但是,如果我将空白路由传递给ui-sref,则会出现错误。这是一个代码片段:{{button.text}}{{link.text}} 最佳答案 目前,正如您在thistopic中所读到的那样,ui-sref不处理空参数,因为它(引用作者的话)是对指令的误用。即将到来的ui-state指令应该可以处理这个问题,但目前我发现的最好方法是(在Angular1.3及更高版本中)使用ng-attr如下:ng-a

javascript - React-router:防止导航到目标路线

我正在使用具有历史记录的react-routeruseQueries(createHashHistory)()并且我有几条我想根据路由配置阻止导航的路由。所以路由配置是这样的:...所以让我们假设我在#/view-2上并调用类似history.push({pathname:'/view-1'});的操作.但是一旦路线view-1有一个标志canNavigate={false}-我想阻止导航到它并显示一条消息而不改变哈希和任何其他副作用(比如调用view-2的onLeaveHook)。我在考虑听历史:history.listenBefore((location,callback)=>{/

javascript - 如何在 React Native Router Flux 中嵌套场景并使用方向 ='vertical' 导航?

我想嵌套react-native-router-flux的并尝试了以下操作,但我无法导航到来自:我想嵌套Profile内部组件Home组件,因为它只能通过Home访问组件。那么我该如何正确嵌套Profile内部组件Home组件?当我也导航到Profile时组件,它使用vertical导航方向,但是当它试图导航到另一个组件(例如Actions.test())时,它没有direction='vertical'设置,来自Profile组件,它应该垂直导航时水平导航,而在Profile内点击后退按钮组件返回vertical方向。自从我导航到Profile组件vertically,我怎样才能得到

javascript - 使用 react-router v4、Jest 和 Enzyme 测试组件

我有一个使用react-router的简单组件(我知道这是alpha版本):{props.app&&props.app.health&&}建议在中包装的文档在测试时为组件提供上下文。但是,使用Jest/Enzyme我无法shallow()渲染-我必须使用enzyme的mount()或render(),这会导致问题,因为HomeLogin是一个连接的组件-我希望能够测试我的组件是否呈现正确的内容,但不测试其中呈现的组件。我的测试:it('Rendersbaseduponmatchedroute',()=>{letprops={app:{health:true},};constcompon