草庐IT

vue-element-ui

全部标签

javascript - 在过滤器方法中访问 vue 实例/数据

我正在尝试像这样访问过滤器函数内的vue实例数据。JS:-newVue({data:{amount:10,exchangeRate:50},el:"#app",filters:{currency:function(amount){console.log(this);//returnamount*this.exchangeRate;returnamount*50;}}})HTML:{{amount|currency}}我的目标是使用returnamount*this.exchangeRate;但是this等于window这里。我怎样才能做到这一点?谢谢。jsfiddle

javascript - jQuery UI 对话框使用 setTimeout 自动关闭

我试图让我的对话框在打开三秒后自动关闭。我尝试了以下方法:setTimeout($("#mydialog").dialog('close'),3000);这是在上下文中:$("#acknowledged-dialog").dialog({height:140,modal:true});setTimeout($("#acknowledged-dialog").dialog('close'),3000);但是用这种方法,它甚至不显示!我猜close方法在页面上显示后立即被调用。日志显示没有错误。我还尝试绑定(bind)到dialogopen事件:$("#acknowledged-dialo

javascript - 如何在 angular js ui Grid 中删除 pdf 导出中的某些列

我正在使用AngularJSui网格http://ui-grid.info/docs/#/tutorial/312_exporting_data_complex我的要求是我想展示例如5列,但是当我导出PDF时,我不想导出某些列,例如username。我该怎么做? 最佳答案 有一个gridOption可以做到这一点:exporterSuppressColumns我编辑了UIGrid文档中的plunker,以演示在导出的PDF中隐藏“性别”列:http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=pre

javascript - 改变 material-ui 按钮的字体大小,并让按钮缩放?

我似乎在更改Material-UI的(用于React)RaisedButton上的字体大小以及让按钮本身随它适当缩放方面遇到了问题。LoginHere}/>CSS:.buttonText{font-size:63px;}文本大小发生变化,但按钮本身不会随之缩放。有谁知道正确的解决方案?我想按文本大小缩放按钮。 最佳答案 问题是Material-UI内联了它们组件的所有样式,因此如果您尝试使用CSS选择器覆盖它们,它通常无法正常工作。相反,请尝试使用style覆盖您不想要的任何内联样式。属性直接在组件上。它看起来像这样:如果它看起来仍

javascript - Kendo ui grid if else 条件

我的代码有什么问题?我必须检查kendoUI网格是否在我的专栏中有“OrderType20”。如果是,我需要应用包含背景的css条件,但它不起作用,有人可以帮助我吗?谢谢template:'#if(OrderType=="OrderType20"){##:OrderType##}else{#OrderType#}#' 最佳答案 对于kendoui网格行模板的嵌套ifelse可能会有所帮助。即template:"#if(ErrorDesc==null){##:DeviceLabel##}elseIf(ErrorDesc==""){##

javascript - 在高流量的大网站中使用 JQuery UI 主题好吗?

在实现高流量网站时使用JQueryUI主题是一种好方法吗?根据我的网站需求进行一些编辑和定制是否容易?它有什么著名的问题吗?想听听您对此的看法,使用它是否安全,还是从头开始编写我的所有CSS更好。请注意,我检查了那里的主题并发现那里不错,其中一些经过一些编辑后将适合我们的设计。 最佳答案 我不完全确定您担心什么,但我认为这将阐明JQueryUI为您做什么和不为您做什么。“准备好迎接黄金时段了吗?”是的。JQueryUI主题已经存在了很长时间,并且没有尖叫到表面来破坏元素的问题。有一些已知问题,主要是高级CSS3问题。例如:除IE6之

javascript - Angular-ui-bootstrap Accordion 和折叠动画不起作用

关于angular-ui-bootstrapdemo/docspage,accordion和collapse单击某个元素时,指令都会动画化。但是动画在该页面上的plunker演示中不起作用。是否缺少某些依赖项或者可能是错误?(在chrome/firefox中测试)更新:我在2015年10月29日更新到0.14.3版,现在一切正常。感谢angularUI团队的辛勤工作! 最佳答案 从0.13版开始,您需要在您的应用程序中包含ngAnimate:bowerinstallangular-animate--save添加对index.html

javascript - Jquery UI resizable - 调整放置在 iframe 上的 div 的大小

如果你查看这个jsbin:http://jsbin.com/efosed/5/edit然后按“使用JS运行”,将出现一个可以使用jqueryui调整大小的div。一切都按预期工作。div放置在“全屏”iframe上。在链接示例中,此iframe具有:display:none。如果我将其修改为display:block,然后重新运行脚本,reziable插件将出现一些奇怪的行为。您可以在这里尝试:http://jsbin.com/efosed/6/edit.它不会正确处理鼠标事件。可能是什么原因,我该如何解决? 最佳答案 您必须实现自

javascript/vue.js 接收json

我正在尝试像这样在我的vue.js应用程序中接收json:newVue({el:'body',data:{role:'',company:'',list:[],created:function(){this.getJson();},methods:{getJson:function(){$.getJSON('http://domain.dev/data',function(task){this.list=task;}.bind(this));}}}});但结果为空?当我在postman中对此进行测试时,url返回json。我在这里做错了什么?编辑:JSON(测试数据):{"Employ

javascript - Vue.js: 从 "parent"Vue 获取数据

我有一个(不可更改的)DOM结构如下:.........还有两个js文件:index.js:varchild=require('childVue');module.exports=newVue({el:'#indexVue',...});childVue.js:module.exports=newVue({el:'#childVue',methods:{something:function(){//Parentdataneededhere...},...}});如图所示,我需要indexVue的数据在childVue.有什么办法可以传递给它吗?我试图将它传递给带有(v-on="clic