草庐IT

Vue-router

全部标签

javascript - 在 ES6 : "Failed to resolve module specifier "vue""中导入包

尝试遵循一些Vue教程,但我目前无法在.js文件中导入Vue,然后在我的index.html中导入此文件。这就是我在index.html中导入脚本的方式:如果我在我的main.js文件中这样做:importVuefrom'vue';我在浏览器控制台中收到以下错误:UncaughtTypeError:Failedtoresolvemodulespecifier"vue".Relativereferencesmuststartwitheither"/","./",or"../".如果我的导入行:importVuefrom'../../node_modules/vue';然后我得到一个不同的

javascript - 如何在 Parse.com 中设置路由? Parse.Router 的替代品

集成路由器的最简单方法是什么?这https://parse.com/questions/how-to-create-website-with-parse建议在Parse旁边添加Backbone.js。我该如何以最轻松的方式做到这一点?想知道Parse团队是否正在计划一个Parse.Router类:) 最佳答案 较早的回复已过时。ParseJSSDK现在包含一个路由器。使用Parse.Router和Parse.history。 关于javascript-如何在Parse.com中设置路由?

javascript - 使用 UI Router 进行分页时如何更改 URL?

我有一个使用AngularUI-Router的AngularJS项目,进展顺利,但我正在尝试实现UIBootstrap分页指令,但无法制定出正确的策略。我有一个数据表,一次显示一页,并且我有分页指令显示正确的页面链接数。当您单击链接时,它会获取新的页码并调用Restangular来获取新记录并将它们绑定(bind)到表中。一切正常,但很明显,当您翻阅数据时,URL不会更改,因此用户无法使用浏览器的后退/前进按钮来浏览他们的历史记录。理想情况下,我想使用以下URL:/contacts/contacts/page-2/contacts/page-3我还想在URL中包含排序,但这是另一个问题

javascript - Vue.js 将函数传递给 Prop 不起作用

我遇到一个问题,就是将函数传递给组件并没有按照文档中指定的方式工作。这是在我的app.js中methods:{updateAnswer:function(question){console.log('question:'+question);}}这是在我的html文件中:这是在我的components.js文件中:props:['whenanswered'],ready:function(){this.whenanswered();},我已经试过了:props:[{name:'whenanswered',type:Function}];但仍然没有运气。当我加载页面时,这是在我的控制台中

javascript - 如何使用 Vue.js 访问 API?

我是JavaScript和Vue.js的新手,我在使用Vue.js访问api时遇到问题。我尝试访问的API具有如下所示的JSON:{"coord":{"lon":-88.99,"lat":40.51},"weather":[{"id":800,"main":"Clear","description":"clearsky","icon":"01n"}],"base":"stations","main":{"temp":2.09,"pressure":1022.3,"humidity":69,"temp_min":2.09,"temp_max":2.09,"sea_level":1052.

javascript - 在 Vue JS 中处理登录 API token

我正在使用以下登录组件:varLogin=Vue.extend({template:'#auth',data:function(){return{username:'',password:'',errorMessage:''};},methods:{login:function(e){var_this=this;$.ajax({url:"/vue/api/login",type:"POST",async:false,data:{username:_this.username,password:_this.password},success:function(data){//storet

javascript - 输入 @keyup 事件在 Vue 中不起作用

我正在尝试调用按回车键的方法,但它不起作用。代码如下。Clickexportdefault{methods:{callEvent(){console.log("Eventcalled");}}} 最佳答案 click事件已经通过ENTER键触发(它在某些浏览器中也通过Space触发,例如桌面版Chrome)。因此,您的代码只需要一个@click="callEvent"并且一切正常,因为焦点已经在按钮上:varapp=newVue({el:"#app",methods:{callEvent(){console.log("Eventca

javascript - 如何使用 Vue.js 预加载图像?

我有一个使用Vue.Js(带有webpack)的小应用程序。我有一个过渡部分。当用户单击按钮时,内容将发生变化。这是一个带有IMG子元素的简单DIV元素。我的问题是当用户单击按钮时,下一张图像将实时加载并且速度很慢,所以我需要以某种方式预加载这些图像。我尝试了不同的方法,但无法实现预加载图像。问题:页面显示时只有第一张图片是DOM的一部分,其他图片不会加载。好的,这是正常行为。我无法通过对图像数组(PreloadingimageswithJavaScript)使用简单的for循环来预加载图像,因为每个请求都会通过唯一的查询字符串()来请求图像。因此预加载的图像名称将与请求的不匹配。我尝

javascript - angular ui router - 必须点击两次才能按预期更新 View (带演示)

我是Angular的新手,刚刚开始掌握AngularUI路由器框架。我有一个html页面,其中包含一个问题列表(每个问题都需要自己的url)和一个结果页面。我创建了一个快速精简的plunker(包含所有文件)来演示这个问题:http://plnkr.co/edit/QErnkddmWB0JgendbOiV?p=preview对于SO引用:应用程序.jsangular.module('foo',['ui.router']).config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/q

javascript - AngularJS : angular-ui-router always redirects to $urlRouterProvider. 否则位置

我正在尝试创建一个SPA,您必须在其中登录才能访问几乎所有内容。所以很自然地,您看到的默认屏幕是登录屏幕。但是,在用户登录后,无论ui-sref是什么,ui-router都会重定向到登录页面(即使用户已通过身份验证)。这是我的用户界面路由器代码:(function(){'usestrict';angular.module('app',['ui.router','satellizer']).config(function($stateProvider,$urlRouterProvider,$authProvider,$httpProvider,$provide){$httpProvide