草庐IT

vue-route

全部标签

javascript - Vue.js 处理多次点击事件

我有一个列表,想为列表中的每一项处理一个点击事件{{item}}脚本是...methods:{select(item){console.log('Select',item)}}当有大约10个项目时,这很有效。但是,当有大约1000个项目时,性能会变得很慢,因为我为1000个项目附加了1000个事件。解决方案是只为列表附加一个点击事件并使用event.target{{item}}在函数select中,如何获取每个item对应的item? 最佳答案 你可以使用{{item}}然后在您的选择中:select($event){console

javascript - 为什么我不能在 react-router 4.x 中嵌套 Route 组件?

世界上如何使用react-router中的嵌套路由?,特别是版本4.x?以下内容在以前的版本中运行良好...升级到4.x会引发以下警告...Warning:Youshouldnotusecomponentandinthesameroute;willbeignored这到底是怎么回事?我搜索了thedocs几个小时,无法成功使嵌套路线正常工作。如何使用组件将它们的路由嵌套在react-routerv4中?我的简单示例如何转化为v4.xAPI合规性以嵌套路由? 最佳答案 忘记你对ReactRouter来嵌套路由.检查thisexampl

javascript - 为什么不总是使用索引作为 vue.js for 循环中的键?

我已经在几个项目中使用了vue.js,并且我一直在使用索引作为for循环中的键...并开始怀疑这是否存在问题,因为示例通常使用项目的ID。 最佳答案 因为数组是可变的。如果将项目添加到数组或从数组中删除,任何给定项目的索引都可以而且将会更改。您希望您的key是一个唯一值,仅标识您的唯一组件。您创建的主键总是比使用索引更好。这是一个例子。console.clear()Vue.component("item",{props:["value"],data(){return{internalValue:this.value}},templa

Vue表单修饰符:v-model.lazy、v-model.number、v-model.trim

表单修饰符有:lazy、number、trim;修饰符加在v-model后面; lazy修饰符:v-model的作用是双向绑定表单,能获取到input输入框的值,而且是实时获取的,就是当你输入框里的值发生改变就会获取到;有时候我们不想实时获取输入框的值,想一段时间获取一次,就可以用这个修饰符;这个修饰符的作用是,绑在v-model上在input标签上使用,当输入框失去焦点的时候才获取的value值;没加lazy之前:效果如下图:加上lazy之后:效果如下图:  代码:{{mytext}}newVue({el:"#box",data:{mytext:""}})上面两个效果图进行比较发现,当没加l

javascript - 在 Vue.js 中,如何禁用计算属性的缓存?

Before0.12.8,computedpropertiesbehavejustlikegetters-everytimeyouaccessit,thegetterfunctionisre-evaluated.In0.12.8thishasbeenimproved-computedpropertiesarecachedandlazilyre-evaluatedonlywhennecessary.对于我当前的项目,我实际上需要在每次访问时重新评估一些属性。当前惰性评估不起作用的原因是因为在我的一些属性中还有其他不在Vue.js监视下的“动态变量”。 最佳答案

javascript - 如何使用 $route 和 $routeParams 更新 angular js 中的 url?

如何重定向或更新网址?我找不到任何关于此的好文档。基本上,我想做的是动态更改$routeParams并使用新值更新url。我的代码是这样的:if($routeParams.time){varurl;$routeParams.time=encodeURIComponent(value);url='/'+$routeParams.time+'/'+'marketing/networks';$location.path(url);}else{$routeParams.time=encodeURIComponent(value);url='/'+$routeParams.time+$locat

javascript - 如何对所有路由 Root 和 Child Routes 使用 angular 6 Route Auth Guards?

如何为所有路由Root和ChildRoutes使用angular6RouteAuthGuards? 最佳答案 1)[创建守卫,文件名类似于auth.guard.ts]nggenerateguardauthimport{Injectable}from'@angular/core';import{CanActivate,ActivatedRouteSnapshot,RouterStateSnapshot}from'@angular/router';import{Observable}from'rxjs/Observable';impor

javascript - Vue 和 Axios CORS 错误 No 'Access-Control-Allow-Origin' header is present on the requested resource

这个问题在这里已经有了答案:XMLHttpRequestcannotloadXXXNo'Access-Control-Allow-Origin'header(11个答案)关闭4年前。我目前遇到上述错误,我正在使用Axios向外部API发出GET请求。看完Mozilla文档,做了很多研究并尝试了不同的选择,我仍然没有任何改善。我已经将代码剥离回到基础:axios.get('URL.com',{headers:{Access-Control-Allow-Origin:*},auth:{username:'username',password:'password'},}).then(func

javascript - meteor 铁路由器 : Passing data between routes

如何在两个不同的路由和模板之间传递数据?我在前端(客户端文件夹)有一个javascript文件,它简单地调用Router.go()并传入帖子ID作为我的参数之一。以下是三个罪魁祸首(我相信)。我删除了大部分代码以使其更易于阅读。我可以毫无问题地切换到PostDetail页面。我还可以从路由器的PostDetail页面上检索PostId。我的问题是,检索到的数据库条目(POLL)没有在模板上呈现。因此,即使返回数据库条目,{{Question}}始终为空白。让我知道是否应该发布更多信息。前端.jsTemplate.PostTiles.events({//Whenachoiceissele

javascript - Vue-router 2 更改路由但不更新 View ?

我在使用以下网站时遇到登录问题:Vue.jsv2.0.3vue-routerv2.0.1vuexv0.8.2在routes.js我有一个简单的拦截器设置router.beforeEach((to,from,next)=>{if(to.matched.some(record=>record.meta.requiresAuth)){//thisrouterequiresauth,checkifloggedin//ifnot,redirecttologinpage.if(!router.app.auth.isUserLoggedIn){next({path:'/login',query:{r