草庐IT

Vue-router

全部标签

javascript - Angular UI Router - 具有空 Url 的抽象父状态

我试图在我的应用程序中设置多个嵌套状态。这是相关代码。functionconfigFn($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/cart");$stateProvider.state('checkout',{url:'/',templateUrl:'app/checkout/views/checkout.container.html',controller:'checkoutCntrl',abstract:true}).state('checkout.cart',{data:{step:1},u

javascript - ui-router - $state.go() 不工作

这是我项目的app.js:(function(){'usestrict';angular.module('app',['ui.router','ngCookies','angular-inview','ngMaterial']).config(config).run(run);config.$inject=['$stateProvider','$urlRouterProvider','$mdThemingProvider'];functionconfig($stateProvider,$urlRouterProvider,$mdThemingProvider){$mdThemingPr

javascript - 在 React Router 中渲染多个组件

我习惯于应用具有多个yield区域的布局,即内容区域和顶部栏标题。我想在ReactRouter中实现类似的东西。例如:应用布局:{--displayListTopBarhere--}{--displayListViewhere--}两个子组件应该接收相同的Prop。我该如何解决这个问题? 最佳答案 要传递多个组件,您可以这样做:请在此处查看文档:https://github.com/ReactTraining/react-router/blob/v3/docs/API.md#named-components

javascript - 错误 Vue.js "Cannot read property ' props' of undefined"

在gorails上做了所有事情吗?教程,但出了点问题。Chrome中的错误消息:UncaughtTypeError:Cannotreadproperty'props'ofundefinedatnormalizeProps(vue.runtime.esm.js?ff9b:1291)atmergeOptions(vue.runtime.esm.js?ff9b:1363)atmergeOptions(vue.runtime.esm.js?ff9b:1372)atVue$3.Vue._init(vue.runtime.esm.js?ff9b:4268)atnewVue$3(vue.runtim

javascript - Vue.js 和 debounce (lodash/underscore) 兼容吗?

跟随answer到我的questionondebouncing我想知道vue.js和lodash是否/underscore兼容此功能。答案中的代码varapp=newVue({el:'#root',data:{message:''},methods:{len:_.debounce(function(){returnthis.message.length},150//time)}})Length:{{len()}}当有连续输入时确实会保留我的函数的执行,但是当它在一些不活动后最终执行时,function()的输入似乎是错误的。启动上面代码后的实际例子:快速的字符序列,然后没有事件:添加了

javascript - React Pose + React Router 键无法识别?

所以我有一个小型React应用程序。尝试使用ReactPose来制作页面转换动画。我遵循了与oneoftheofficialdemoswithreact-router-dom类似的结构,如果我正在看这个权利,它应该可以工作。但是,我收到一条错误消息:Error:HEY,LISTEN!EverychildofTransitionmustbegivenauniquekey....并直接指向下面的代码。是否有某种方法可以在这里创建key?每个页面中是否有可能导致此处出现问题的元素?轨迹仅直接指向这部分代码(特别是PoseGroup),所以我不确定我在这里遗漏了什么。constRouteCon

javascript - 在指令模板中时,如何使 Angular ui-router ui-sref 工作?

基本上,我正在尝试更改/自定义ui.bootstrap.accordion的行为。一切正常,除了与ui-router的集成。这是我想要使用Accordion的方式:News1ThisisNews2HomeNews'sNews3Previewandnavigation下面是Accordion修改后的模板:{{heading}}基本上,'site.home.newsID_X'需要替换模板中ui-sref的'site'值。我的尝试是通过accordionGroup指令的链接函数中的“元素”参数设置ui-sref属性的值,如下所示:link:function(scope,element,att

javascript - 从angular-ui-router中的ui-sref更改当前状态下的url参数

使用ui-router,无论我处于什么状态,我都想设置一个URL参数。一个用例是在可添加书签的界面模式(例如“无聊”或“有趣”)之间切换。我知道可以使用ng-click指令来完成,但在这种情况下,我只剩下无href的anchor,这不是很有用。我已经尝试了最明显的ui-sref=".({foo:'bar'})"但它失败了“Noreferencepointgivenforpath'.'”ui-router是否有本地解决方案来执行此操作?理想情况下,我想要这样的东西:boringfun 最佳答案 似乎这个功能在ui-router尚未发布

javascript - 在 VUE JS 的 Cursor 位置插入字符

我一直在尝试在光标所在的文本区域中准确插入表情符号。我在网上查看了howtos找不到VUEJS中的任何特定内容。他们中的大多数都是纯JS。我有这个代码我的方法addEmoji(emoji){this.greeting_text+=emoji.native;this.showPicker=!this.showPicker;}显然,这段代码会将字符(在我的例子中是表情符号)添加到字符串的最后。为此,我需要一个纯vuejs解决方案。Vue中此类问题的最佳实践是什么?因为网络中很少有基于vanillaJS或Jquery的解决方案。 最佳答案

javascript - Angular ui router ui-sref-active on parent

我有一个父状态和许多子状态。如果我想让父级上的ui-sref-active在我在其中一个child身上时工作,我需要做这个“hack”:$scope.isActive=function(){return$state.includes('playLotteries.Index')||$state.includes('playLotteries.Group')||$state.includes('playLotteries.hunter');}这是非常丑陋的方式,而且我有很多child,所以这似乎不是一个好的解决方案。有人对此问题有其他解决方案吗? 最佳答案