草庐IT

Vue-router

全部标签

javascript - 如何使用谷歌浏览器调试 Vue 应用程序

我想摆脱一直使用console.log并更频繁地使用Chrome开发者调试工具。我觉得这很好Howtostopusingconsole.log()andstartusingyourbrowser’sdebugger关于一般调试(设置断点、逐行执行等)但是当我尝试在现实生活中使用它时——这意味着在我正在处理的vue(nuxt)应用程序中使用它——我无法让它工作。我的所有文件都组合成更复杂的javascript文件,我无法对其进行调试。然后我找到了这个帖子:Debugging.vuecomponentinChrome我认为这会阐明这件事,但不幸的是我不知道该怎么做。我添加了这个:confi

javascript - 我如何在 Ember.Router 中设置 ApplicationController

我还有其他可能处理Ember.RouterController和View吗?我的应用程序结构通常依赖于require.js,它负责处理相应的依赖项。在我的示例中,我将App.ApplicationController作为主路由器Controller。这是一个jsfiddle:http://jsfiddle.net/mediastuttgart/uMKGt/1/但是有机会手动设置吗?我发现了这条提交信息https://github.com/emberjs/ember.js/commit/be69395f5eec4187b1df052d7386bcda45f79475在我可以看到的地方,如

javascript - 在页面转换完成时暂停 Meteor 的 Iron Router 中的路由

在我的Meteor应用程序中,我有一些复杂的页面动画需要几秒钟才能完成(指导性动画优先于页面转换速度)。动画中有一个out状态和一个in状态。为简单起见,假设我需要淡出一页,然后淡入下一页,但我希望这些淡出需要多秒钟。为此,我使用Meteor的IronRouter来调用一些操纵CSS的动画函数。lib/router.jsanimateContentOut=function(pause){return$('#content').removeClass("animatedfadeIn");}Router.onAfterAction(animateContentOut);animateCon

javascript - Vue.js 访问父组件

我有一个具有此方法的子组件:getSubscriptions(){MessageService.subscriptions()this.$parent.loading=true;.then((data)=>{if(data.data.subscriptions==null){this.noSubscriptions=true;}else{this.subscriptions=data.data.subscriptions;}this.$parent.loading=false;}).bind(this);}所以我想在我的父组件中显示一个加载圆,我这样访问它:this.$parent.l

javascript - Vue - 单击按钮提交表单

我有一个用户可以上传图片的组件,我还想添加一个删除图片的功能。我添加了一个删除当前图像的按钮,但问题是表单也被提交了,我想避免这种情况。我只需要删除当前图像(如果存在)。这是脚本:+Removeimageexportdefault{props:['imageSrc'],methods:{previewThumbnail:function(event){varinput=event.target;if(input.files&&input.files[0]){varreader=newFileReader();varvm=this;reader.onload=function(e){vm

javascript - 为什么 vue.js 不使用 moment.js 使用 datepicker 更新 dom

我正在vue.js中编写一个(非常)简单的日期选择器控件,使用moment.js来格式化和改变日期。我遇到的问题是,即使在我单击任一按钮时修改了组件中的日期实例,显示也不会更新。我已经尝试将其更改为一个简单的整数而不是日期实例,并且按预期工作(DOM已正确更新)这是我的源代码:App.jsVue.component("datePicker",{props:["value"],data:function(){return{selectedDate:moment(this.value)};},template:"<{{formattedSelectedDate}}>",meth

javascript - 转到Vuejs 2中的特定路线

我是VueJS的新手,我正在使用VueJS2Webpack模板。如果登录成功,我试图从登录组件重定向到主组件,我已经尝试了很多东西,但我仍然遇到错误。这是我的路线:constrouter=newVueRouter({mode:'history',routes:[{'name':'home',path:'/',component:require('./components/Home.vue'),beforeEnter:(to,from,next)=>{if(!localStorage.getItem('user')){next('/login')}}},{'name':'profile'

javascript - 带有 vue.js 的简单 html 不起作用

vue.js的初学者和我点击了这个链接:https://www.sitepoint.com/getting-started-with-vue-js/几乎将代码复制到我的html中。但是它就是不起作用。有人可以帮我找出问题所在吗?以下是所有代码:varmyModel={name:"Ashley",age:24};varmyViewModel=newVue({el:'#my_view',data:myModel});{{name}}结果只是:{{name}} 最佳答案 您需要添加标记并在文件末尾添加脚本,如下所示:{{name}}{{a

javascript - 使用 React Router v4 在身份验证后导航到页面

我正在尝试在身份验证成功后从login.js导航到app.js。我能够使用路由器v3和浏览器历史记录相对轻松地完成此操作。我不太确定如何使用路由器v4导航页面,因为它们的方法似乎非常不同,而且我以前使用的方法不再有效。我尝试引用这篇文章NavigatingProgramaticallyinReact-Routerv4,但这些建议对我不起作用。关于如何使用v4在我的应用程序中遍历页面有什么建议吗?这是一个Electron应用Index.jsimport{HashRouterasRouter}from'react-router-dom';importReactfrom'react';imp

javascript - 如何在 Vue.js 中获取随机元素

我有3个英雄图片及其内容,我想在用户刷新页面时随机显示它们!基本上我试图在加载页面上使用Jquery显示随机div,但问题是英雄图像的大小很大,并且通过使用Jquery,所有这3个图像开始加载DOM影响页面速度。在Vue.js中是否有任何解决方案可以在用户刷新页面时一次加载一个特定的div,而不是所有3个div!?LipsumHeadingLipsumdummycontentbodytestdummygoeshere.jQuery代码:mounted(){varrandom=Math.floor(Math.random()*$('.slider-item').length);$('.s