草庐IT

javascript - 如何使用 Vue-Router 在 Vue 中设置 URL 查询参数

我正在尝试使用Vue-router设置查询参数更改输入字段时,我不想导航到其他页面,而只想修改同一页面上的url查询参数,我这样做:this.$router.replace({query:{q1:"q1"}})但这也会刷新页面并将y位置设置为0,即滚动到页面顶部。这是设置URL查询参数的正确方法还是有更好的方法。编辑:这是我的路由器代码:exportdefaultnewRouter({mode:'history',scrollBehavior:(to,from,savedPosition)=>{if(to.hash){return{selector:to.hash}}else{retu

javascript - 如何在 angularjs ui-router 中的状态之间共享 $scope 数据?

如果不在父Controller中使用服务或构建观察者,如何让子状态访问主Controller的$scope。.state("main",{controller:'mainController',url:"/main",templateUrl:"main_init.html"}).state("main.1",{controller:'mainController',parent:'main',url:"/1",templateUrl:'form_1.html'}).state("main.2",{controller:'mainController',parent:'main',url

javascript - 如何删除 '#' 登录 angular-ui-router URL

我正在使用angular-ui-router库,但我遇到了URL问题。我有以下代码:应用程序.js:app.config(function($stateProvider,$urlRouterProvider){$stateProvider.state('state',{url:'/state',templateUrl:'templates/state.html',onEnter:function(){/*...code...*/}})});index.html:STATE这行得通,但是当我从中删除“#”时标记这不起作用。如何删除URL中的“#”符号? 最佳答

javascript - 当用户使用 UI-Router 转换到其父状态时将用户定向到子状态

考虑以下几点:.state('manager.staffList',{url:'^/staff?alpha',templateUrl:'views/staff.list.html',data:{activeMenu:'staff'},controller:'staffListCtrl'}).state('manager.staffDetail',{url:'^/staff/{id}',templateUrl:'views/staff.html',data:{activeMenu:'staff'},controller:'staffDetailsCtrl'}).state('manage

javascript - 如何在 react-router 2.0.0-rc5 中获取当前路由

我有一个如下所示的路由器:这是我想要实现的目标:如果未登录,则将用户重定向到/login如果用户在已经登录时尝试访问/login,将他们重定向到根/所以现在我正在尝试检查App的componentDidMount中的用户状态,然后执行以下操作:if(!user.isLoggedIn){this.context.router.push('login')}elseif(currentRoute=='login'){this.context.router.push('/')}这里的问题是我找不到获取当前路线的API。我找到了thisclosedissue建议使用Router.ActiveSt

javascript - 如何让后退按钮与 AngularJS ui-router 状态机一起使用?

我已经使用ui-router实现了一个angularjs单页应用程序.最初我使用一个不同的url来识别每个状态,但这会导致不友好的、GUID打包的url。所以我现在将我的网站定义为一个更简单的状态机。状态不是由url标识的,而是根据需要简单地转换为,如下所示:定义嵌套状态angular.module'app',['ui.router'].config($stateProvider)->$stateProvider.state'main',templateUrl:'main.html'controller:'mainCtrl'params:['locationId'].state'fol

javascript - 如何在 Reactjs 的 react-router-dom 版本 5 中使用重定向

我正在使用最新版本的react-router模块,名为react-router-dom,它已成为使用React开发Web应用程序时的默认设置。我想知道如何在POST请求后进行重定向。我一直在制作这段代码,但是在请求之后,没有任何反应。我在网上查看,但所有数据都是关于reactrouter的以前版本的,并且没有上次更新。代码:importReact,{PropTypes}from'react';importReactDOMfrom'react-dom';import{BrowserRouter}from'react-router-dom';import{Redirect}from'rea

javascript - 从 react-router 哈希片段中获取查询参数

我在客户端为我的应用程序使用react和react-router。我似乎无法弄清楚如何从url中获取以下查询参数:http://xmen.database/search#/?status=APPROVED&page=1&limit=20我的路线看起来像这样(我知道路径完全错误):varroutes=();我的路线工作正常,但我只是不确定如何格式化路径以获得我想要的参数。感谢对此的任何帮助! 最佳答案 注意:从评论中复制/粘贴。一定要喜欢原来的帖子!用es6编写并使用react0.14.6/react-router2.0.0-rc5。

javascript - Angular ui-router 中 $state.transitionTo() 和 $state.go() 的区别

在AngularJS中,我看到有时我们使用$state.transitionTo(),有时我们使用$state.go()。任何人都可以告诉我它们有何不同以及何时应该使用一个而不是另一个吗? 最佳答案 你指的是AngularUIRouter?如果是这样,wikispecifiesthedifferences:$state.go(to[,toParams][,options])ReturnsaPromiserepresentingthestateofthetransition.Conveniencemethodfortransition

javascript - 客户端路由(使用 react-router)和服务端路由

我一直在想,我对Client和Server之间的路由感到困惑。假设我在将请求发送回Web浏览器之前使用ReactJS进行服务器端渲染,并使用react-router作为客户端路由在页面之间切换而不刷新为SPA。想到的是:如何解释路线?例如,从主页(/home)到帖子页面(/posts)的请求路由到哪里,是在服务器端还是在客户端?它如何知道它是如何处理的? 最佳答案 请注意,此答案涵盖ReactRouter版本0.13.x-upcomingversion1.0看起来会有明显不同的实现细节服务器这是一个最小的server.js使用rea