草庐IT

vue插件

全部标签

javascript - vue.js 列表中的双 v-for

所以我在我的项目中使用了vue.js,我有一个问题:我如何在另一个v-for中显示v-for的元素作为列表项或选择选项?我有抽象的东西:...非常感谢任何可能的帮助,谢谢! 最佳答案 您可以使用标记以免呈现额外的div。{{element.title}}但是IE不支持标签。一个通用的解决方案是制作一个返回所有标题的计算变量:computed:{titles:function(){vartitles=[];for(vari=0;i然后你可以做v-for="titleintitles" 关于

javascript - jQuery 插件命名空间函数

我正在创建一个范围相当大的jQuery插件。事实上,该插件在技术上由几个协同工作的插件组成。(function($){$.fn.foo=function(){//pluginpartA}$.fn.bar=function(){//pluginpartB}$.fn.baz=function(){//pluginpartC}}(jQuery))是否可以对jQuery插件进行命名空间,以便较小的插件可以成为较大插件的函数$.fn.foo.bar=function(){}$.fn.foo.baz=funciton(){}这将避免污染jQuery函数命名空间。然后你可以像这样调用插件$('#ex

javascript - 使用 "on change"回调从 jQuery 插件更新 AngularJS 模型

我正在为需要屏幕键盘的触摸屏计算机构建网络应用程序,并尝试使用这个出色的(或者至少是我能找到的唯一一个还不错的)键盘。https://github.com/Mottie/Keyboard/问题是,正如您可能已经猜到的那样,使用屏幕键盘时模型不会更新。这是我的代码,它可以工作,但有点丑陋:部分HTML:从部分页面Controller初始化键盘:$('.keyboard').keyboard({stickyShift:false,usePreview:false,autoAccept:true,change:function(e,kb,el){$scope.newUser.name=el.

javascript - Vue.js $emit 和 $dispatch 有什么区别?

在vue2.0中,事件$dispatch和$broadcast被弃用。而且我发现$dispatch和$emit很相似。它们之间有什么区别?迁移时直接将$dispatch替换为$emit是否安全。 最佳答案 不,您不能在任何地方用$emit替换$disptach。您可以替换它,无论您将它用于从child到parent的通信,但对于其他情况,您可能必须采用其他方法。来自documentation(来自Evanyou在UpgradeTips中的类似评论):Oneofthemostcommonusesforthesemethodsistoc

javascript - 如何从 Vue.js 中的变量名加载组件?

我想从我的vue.js应用程序中的动态变量名加载一个组件。我注册了以下组件:Goal:{{data.text}}而不是像这样加载我想从一个变量名加载,像这样:当然,在这种情况下,mytemplate.type等于“目标” 最佳答案 使用dynamiccomponent像这样: 关于javascript-如何从Vue.js中的变量名加载组件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - 为什么在 Vue.js 中使用 `var` 关键字?

我在学习框架时看到的每个教程和代码片段都使用var作为它们的声明,包括theofficialdocs.前言,本人刚开始学习Vue,对它了解甚少,还没有找到答案。与其他假设属性名称相同:newVue({data:data})对比newVue({data})我假设ES6的const和let应该是标准的,我错了吗?有理由为Vue.js使用var吗?ES6有问题吗? 最佳答案 为什么文档使用var并避免ES6特性?我会说支持最小公分母,即最差的浏览器。因为Vue可以作为普通的旧包含在内标签(UMD/全局,无构建系统)并支持所有ES5-com

javascript - 如何避免在 Vue 中一直写 this.$store.state.donkey?

我正在学习Vue,我注意到我到处都有或多或少的以下语法。exportdefault{components:{Navigation,View1},computed:{classObject:function(){return{alert:this.$store.state.environment!=="dev",info:this.$store.state.environment==="dev"};}}}一直写出this.$store.state.donkey很痛苦,而且它也降低了可读性。我感觉到我正在以一种不太理想的方式来做这件事。我应该如何引用商店的状态?

javascript - 如何在 Vue 数据对象中运行函数?

所以我尝试在VueJS中使用以下组件:Vue.component('careers',{template:'Acustomcomponent!',data:function(){varcareerData=[];client.getEntries().then(function(entries){//logthetitleforalltheentriesthathaveitentries.items.forEach(function(entry){if(entry.fields.jobTitle){careerData.push(entry);}})});returncareerDat

javascript - 如何查看 Vue.js 组件中的 prop 变化?

我正在将一组图像文件路径传递给一个组件。我想知道如果我传递一个不同的数组,那么在Vue.js组件中观察Prop变化的最佳方式是什么?我正在使用引导轮播,所以想在数组更改时将其重置为第一张图片。为了简单起见,我将代码示例简化为:Vue.component('my-images',{props:['images'],template:`{{index}}-`}); 最佳答案 {{count}}exportdefault{name:'test',props:['count'],watch:{'$props':{handler:functi

javascript - jQuery 分页插件

希望这是很容易解决的问题。我在理解jQueryPagination时遇到了一些问题插件。基本上,我要做的就是加载一个PHP文件,然后对结果进行分页。我试图摆脱他们的榜样,但我没有产生我正在寻找的结果。这是JavaScript:functionpageselectCallback(page_index,jq){varnew_content=$('#hiddenresultdiv.result:eq('+page_index+')').clone();$('#Searchresult').empty().append(new_content);returnfalse;}functionin