草庐IT

Vue框架

全部标签

javascript - Vue.js 使用计算属性来显示或隐藏组件的一部分

我试图根据下拉列表中的值显示/隐藏组件的一部分。在移动我的表单的这一部分之前,使用计算属性工作得很好。但是......我在我的组件中使用了两种方式绑定(bind),而且我正在使用的属性的计算值似乎更新得太晚了。这里是组件jsVue.component('system',{template:'#system',props:['name','count'],computed:{issummit:function(){returnthis.name==='5a37fda9f13db4987411afd8';}//audiovideo:function(){//returnthis.syste

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 - 如何将 Backbone.js 与 Symfony 框架和/或 Apache Thrift 一起使用

我最近安装了一个使用Symfony2框架和ApacheThrift的网络应用。现在我想让backbone在Symfony2框架中可用。我的问题是关于Backbone.sync。如何覆盖/使用Backbone.sync以便使用Symfony2框架和/或从网络应用程序中的服务器获取数据ApacheThrift?网络上有一些教程吗?我刚找到这个Symfony+Backbone.jsforhighlydynamicapps,但它并没有说明如何从服务器获取数据。 最佳答案 默认情况下,Backbone.js及其同步方法无需任何修改即可与RES

javascript - 如何选择合适的 javascript 框架以及如何开始?

关闭。这个问题是opinion-based.它目前不接受答案。想改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.2年前关闭。Improvethisquestion这是我在堆栈上的第一篇文章,所以我对每个答案都很兴奋。在选择正确的javascript框架时,我遇到了一个非常大的问题。只是一些个人信息,我知道JavaScript的基础知识,我会写jQuery,当然我知道HTML5和CSS3。但我想像其他许多人一样跳入服务器端应用程序,我猜。几个月以来,我一直在网上阅读有关所有不同框架的信息,但是要决定一个框架实在是太复杂了。几天前我开始尝试angular

javascript - 使用 Hapi.js 框架的多个服务器实例

出于几个原因,我正在接近这个node.js框架。简单、出色的模块化和开箱即用的快速配置。很快就遇到了我在express.js框架学习过程中从未见过的Pack这个概念。来自官方指南的以下示例:varGood=require('good');server.pack.register(Good,function(err){if(err){throwerr;//somethingbadhappenedloadingtheplugin}server.start(function(){server.log('info','Serverrunningat:'+server.info.uri);});

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循环来预加载图像,因为每个请求都会通过唯一的查询字符串()来请求图像。因此预加载的图像名称将与请求的不匹配。我尝