草庐IT

Vue-router

全部标签

Vue实战篇三十五:实现滑动拼图验证登录

系列文章目录Vue基础篇一:编写第一个Vue程序Vue基础篇二:Vue组件的核心概念Vue基础篇三:Vue的计算属性与侦听器Vue基础篇四:Vue的生命周期(秒杀案例实战)Vue基础篇五:Vue的指令Vue基础篇六:Vue使用JSX进行动态渲染Vue提高篇一:使用Vuex进行状态管理Vue提高篇二:使用vue-router实现静态路由Vue提高篇三:使用vue-router实现动态路由Vue提高篇四:使用ElementUI组件库Vue提高篇五:使用Jest进行单元测试Vue提高篇六:使用Vetur+ESLint+Prettier插件提升开发效率Vue实战篇一:使用Vue搭建注册登录界面Vue实

javascript - (ui-)router 中的 Angular-app、身份验证和解析器顺序

这个问题是指angular-app项目及其对用户进行身份验证的方式。最初的实现通过在路由器上使用resolve子句来保护对某些url的访问。这看起来像:$routeProvider.when('/projects',{templateUrl:'projects/projects-list.tpl.html',controller:'ProjectsViewCtrl',resolve:{projects:['Projects',function(Projects){//TODO:fetchonlyforthecurrentuserreturnProjects.all();}],authe

javascript - 如何在 vuex 商店中使用 vue-resource ($http) 和 vue-router ($route)?

在我从组件的脚本中获取电影细节之前。该函数首先检查商店的电影ID是否与路由的参数电影ID相同。如果相同则不要从服务器API获取电影,否则从服务器API获取电影。它运行良好。但现在我正试图从商店的突变中获取电影细节。但是我收到错误UncaughtTypeError:Cannotreadproperty'$route'ofundefined如何使用vue-router($route)访问参数和vue-resource($http)从vuexstore的服务器API获取?store.js:exportdefaultnewVuex.Store({state:{movieDetail:{},},

javascript - 如何在组件链上传播 Vue.js 事件?

我确实有三个组成部分。我对Datatable组件的作用没有任何影响,因为我从npm获得了它。现在我想从EditButton发送一个事件到我的Zonelist。Zonelist组件:importdatatablefrom'vuejs-datatable';importmomentfrom'moment';exportdefault{data(){return{table_columns:[{label:"Zone",component:'ZoneLink'},{label:"Lastupdated",callback(row){letlocale=$('html').closest('[

javascript - ANGULAR-UI-ROUTER:从 URL 解析状态

我正在制作一个具有动态状态的应用程序,有时我需要从url中解析状态名称。例如:我有/dashboard/user/12268,我需要获取状态'dashboard.user'。ui-router提供的工具有没有办法做到这一点?我现在找不到如何执行此操作...我正在制作一个使用requireJS加载动态模块的应用程序。第一次没有问题,因为用户被发送到登录状态。登录后,我使用require只加载用户有权访问的状态。但是当用户重新加载页面时,我再次加载模块,并且需要将url解析为状态,这就是问题所在。我已经开始尝试使用urlMatcherFactory但无法解决它们。状态在URL解析后加载。流

javascript - react-router: 'Invariant Violation: Invalid tag: {HelloWorld}' ,而组件就在那里

我是React的新手,正在尝试跟上react-router(v1.0.0)的速度。我已经设置了一个简单的组件和一个简单的路由,但它给我一个错误:InvariantViolation:Invalidtag:{HelloWorld}.你会认为这是一个明显的错误,但我无法弄清楚代码有什么问题。这里是:varHelloWorld=React.createClass({render:function(){return(Helloworld);}});varroutes=();ReactDom.render(routes,document.querySelector('#main'));如果我切换

javascript - React-Router 无法读取未定义的属性字符串

我是React的新手,我正在使用React、Redux和ReactRouter构建我的第一个应用程序,到目前为止,我已经成功地设置了样板,但是当我想使用React-Router并创建路由时,我得到了跟随错误TypeError:Cannotreadproperty'string'ofundefined./node_modules/react-router-dom/es/BrowserRouter.jsnode_modules/react-router-dom/es/BrowserRouter.js:3835|}(React.Component);36|37|BrowserRouter.p

javascript - Angular 2 : Prevent router from adding to history

我们有一个客户在我们的应用程序中使用iFraming访问他们的网站。他们不希望我们应用程序中的路由器导航影响他们自己站点的后退按钮导航。我们已经尝试了几种方法,包括使用发布消息来尝试让iFrame在触发history.back()时与父窗口通信。我的问题是,在使用Angular2的路由器时,是否有任何简单的方法可以不影响浏览器的历史记录。据我所知,我在Angular2的高级路由器文档中找不到任何内容:https://angular.io/docs/ts/latest/guide/router.html 最佳答案 事实证明,Angul

javascript - 如何在 Vue.js 模板中定义一个临时变量

这是我当前的模板:10}">{{rowLenMap[orderList[n-1]]}}问题是我要多次写rowLenMap[orderList[n-1]],我怕vue.js引擎也会计算多次。我想要的是这样的:10}">{{rowLen}}我认为在技术上实现起来并不难,因为它可以通过使用类似v-for="rowLenin[rowLenMap[orderList[n-1]]]"的方式笨拙地解决。那么有没有什么简洁官方的解决方案呢? 最佳答案 我找到了一种非常简单(几乎神奇)的方法来实现这一目标,它所做的只是定义一个内联(本地)变量,其中包

javascript - 如何使用 react-router 重新加载页面?

我可以在这个文件(https://github.com/ReactTraining/react-router/blob/v0.13.3/modules/createRouter.js)中看到有一个刷新函数,但我不知道如何调用它。我对react-router还很陌生,我只用它在一些页面之间移动过几次,使用hashHistory。现在我正在尝试使用它,这样当安装失败时,用户可以选择“重试”,我计划通过刷新安装发生的页面(用户当前所在的页面)来执行).任何帮助将不胜感激。这是一个在Electron上运行的节点应用程序,而不是网络应用程序。 最佳答案