草庐IT

Vue框架

全部标签

javascript - 基本 vue.js 2 和 vue-resource http get 变量赋值

我真的很难让最基本的REST功能在vue.js2中工作。我想从某个端点获取数据并将返回值分配给我的Vue实例的变量。这是我的进展情况。varlink='https://jsonplaceholder.typicode.com/users';varusers;Vue.http.get(link).then(function(response){users=response.data;},function(error){console.log(error.statusText);});newVue({el:'#user-list',data:{list:users}});在promise中

javascript - Vue JS 将下一个输入集中在 enter 上

我有2个输入,希望在用户按Enter时将焦点从第一个切换到第二个。我尝试将jQuery与Vue混合使用,因为我在Vue文档中找不到任何功能来关注某些内容:但是在输入时我在控制台中看到错误:build.js:11079[Vuewarn]:Propertyormethod"$"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.(foundinanonymouscomponent-usethe"name"optionforbette

javascript - 在 Vue 中离开页面之前如何警告用户未保存的更改

我有一个UnsavedChangesModal作为组件,当用户在输入字段中有未保存的更改(我在页面中有三个输入字段)时试图离开页面时需要启动该组件。components:{UnsavedChangesModal},mounted(){window.onbeforeunload='';},methods:{alertChanges(){}} 最佳答案 假设您使用的是vue-router(你可能应该这样做),然后你会想要使用beforeRouteLeave守卫。Thedocumentation甚至给出了这种确切情况的例子:beforeR

javascript - vue,发射与传递函数作为 Prop

假设我有一个导入到其他几个组件中的按钮组件。我希望子组件不与单击按钮时发生的任何一种逻辑耦合。所以我想在利用此按钮组件的各种组件中保留该逻辑。我认为至少有两种方法可以解决这个问题。让child向parent发出事件,然后让parent定义处理程序。在父级中定义处理程序并将其作为props传递给按钮组件。我习惯在React中做后者。vue中有针对这种情况的最佳实践吗? 最佳答案 Vue的理念是Prop向下,事件向上。第一个选项紧随其后,因为事件本身被发出(向上)到父级然后被处理。此外,在VueSFC中,您还有一个额外的好处,即在绑定(

javascript - 高性能网站通常使用哪种 JavaScript 框架?

有不同的JavaScript框架,如jQuery、Dojo、mooTools、GoogleWebToolkit(GWT)、YUI等。哪一个适合高性能网站? 最佳答案 (完全免责声明:我是一名Dojo开发人员,这是我的非官方观点)。所有主要库都可以用于高负载场景。有几件事情需要考虑:初始加载初始负载会影响您的响应时间:从请求网页到响应和工作模式。要做的微不足道的事情是:将多个JavaScript文件连接在一起(也适用于CSS文件)最小化和/或压缩您的JavaScript这个想法是发送更少-对服务器有益,对客户端有益。不那么琐碎的事情:

从0到1完成一个Vue后台管理项目(二十三、初代项目完成、已开源)

开源地址项目地址项目还在优化,会增加很多新功能,UI也会重新设计,已经在修改啦!最近打算加一些组件、顺便分享一些好用的开源项目现在正在做迁移到vue3+TS的版本、预计年后会完事,然后迁移到vite、遇到的问题和报错到时候也会单出教学的往期教学从0到1完成一个Vue后台管理项目(一、创建项目)从0到1完成一个Vue后台管理项目(二、使用element-ui)从0到1完成一个Vue后台管理项目(三、使用SCSS/LESS,安装图标库)从0到1完成一个Vue后台管理项目(四、引入axios、配置路由)从0到1完成一个Vue后台管理项目(五、登录页(表单校验的使用和封装))从0到1完成一个Vue后台

javascript - vue js如何设置选中的选项值

我在选择选项输入中为我的应用程序使用vuejs..我需要设置默认值应该在下拉列表中选择,而在更改时我想调用两个函数..我是vuejs的新手..我的代码:varlistingVue=newVue({el:'#mountain',data:{formVariables:{country_id:'',mountain_id:'',peak_id:''},countrylist:[],mountainlist:[],},ready:function(){vardatas=this.formVariables;this.getCountry();},methods:{getCountry:fun

javascript - 有没有没有外部依赖的 JavaScript MVC 框架?

有人知道JavaScript中的MVC框架没有其他库依赖项吗?我在考虑backbone.s或spine.js的思路,它们都声称没有依赖关系,但它们的代码显然使用了jQuery或Zepto函数。我想要一个只使用原生JavaScript的框架,因此可以与任何框架一起使用(jQuery、MooTools、Dojo或无框架) 最佳答案 您可能需要查看Knockout,它不是MVC-它是MVVM并解决了我在javascript中的大部分复杂ui代码。Knockout就像数据、事件和小部件之间的粘合剂-它有助于编写干净且易于维护的JS界面。最后

javascript - 谷歌图像使用什么 javascript 框架进行缩放?

Google现在为其图像实现了非常独特的双指缩放。viewport元标记不允许用户缩放或缩放,正如您所期望的那样,生成的内容在移动触摸设备上不可缩放。然而,该图像是可缩放的。图像是页面中唯一缩放的部分,视口(viewport)缩放永远不会改变。有谁知道他们使用什么javascript框架来完成这个?它是公开的吗? 最佳答案 我不认为他们的版本是开源的,但是这个库非常好:https://openseadragon.github.io/ 关于javascript-谷歌图像使用什么javasc

javascript - Laravel\Vue - ajax 文件上传在生产服务器上不起作用

我有一个要上传视频文件的组件,在我的本地机器上一切正常,它过去在生产服务器上也能正常工作,Namechap是我托管项目的地方,直到直到最近我做了一些工作并进行了更改,我发现它不再适用于生产服务器。我正在使用Vuev.1.0.28,这是上传组件,在fileInputChange()方法中我将表单数据发布到/upload端点,由于某种原因我无法在后端读取生产服务器上的端点:UploadvideoSomethingwentwrong.Pleasecheckthevideoformatandtryagain.Ifyouneedanyhelppleasecontactoursupportserv