草庐IT

vue-element-ui

全部标签

javascript - 我无法在 Material-UI 中编辑文本字段

我使用Material-UI开发了一个ReactApp,然后我尝试创建独立组件,检查以下独立组件(),render(){return({/**/});}我试过这样使用组件,但我不能用这种方式更新输入字段。也没有错误。我该如何解决这个问题?我想更新我的输入字段。请检查我在下图中提交的输入: 最佳答案 因为您正在使用value属性控制TextField的值,但您没有使用onChange函数更新该值,因为valueTextField没有改变,所以它变成只读的。解决方案:用TextField指定onChange函数并更新其中的值,像这样:内

javascript - 如何在 Vue JS 中动态渲染组件?

我正在制作一个表单生成器,它将其中的组件用于输入字段、按钮等。我希望能够根据传递给它的选项生成表单。但我无法让它渲染组件。我试图返回纯HTML,但不会呈现组件。我从我的Home.vue模板调用表单生成器,我希望表单带有这样的选项对象:options:{name:{type:'input',label:'Name'},submit:{type:'button',label:'Send'}}在模板中:在表单生成器组件中,我尝试了多种方法,例如:{{generateForm(this.options)}}//...or...我包括了所有组件,例如:import{FormButton,Form

javascript - JQuery UI Draggable - 如何知道元素是否已初始化为可拖动?

我的逻辑是if(!this.draginited())//adrag-disabledelementshouldn'tgetpasshere,asitisinitedthis.draggable({...})我搜索了很多,找不到实现这个逻辑的方法,有什么想法吗? 最佳答案 也许有更简单的方法,但是docs说:Draggableelementsgetsaclassofui-draggable所以你可以这样做:if(!$("#foo").hasClass("ui-draggable")){...}总结一下(未经测试):$.fn.isDr

javascript - jQuery UI Slider -> 支持鼠标滚轮?

你可能已经知道我是jQuery的新手,所以不属于这个主题的代码改进仍然是非常允许的。这是我的HTML代码:Bananas:这是我可怕的js代码:$("#bananas").slider({orientation:"vertical",range:"min",min:0,max:100,value:20,step:5,slide:function(event,ui){$("#bananas_amount_percent").val(ui.value+"%");//thecodedisplaysapercentagebystandart,butIneedtherealvalue,too:v

javascript - AngularJS ui 日期格式

所以我有:效果很好。div日历'date2'将跟随其先前的ui-date输入的变化,即'date1'输入框。AngularUI做得很好,当你在一个页面中存在多个input+div日历时,想象一个旅行社预订页面,'date4'将自动与'date3'分组,'date6'将自动与'date5'分组...ETC。干得好。但是,在我的示例代码中仅适用于带有反斜杠分隔符“MM/dd/yyyy”的美国格式。我的问题是,如何更改默认输入日期格式?如果我想将iso-8601'yyyy-MM-dd'作为我的输入,ui-date似乎无法将其识别为有效输入。我试过了ui-date="yyyy-MM-dd"它似

javascript - 微小的MCE 4 : add Class to selected Element

我创建了一个tinymce菜单项,我想要它做的是向选定的文本元素添加一个类。我似乎无法弄清楚如何做到这一点。有什么建议么?添加我的菜单项如下所示:tinymce.PluginManager.add('button',function(editor,url){editor.addMenuItem('button',{icon:'',text:'Button',onclick:function(){tinyMCE.activeEditor.dom.addClass(tinyMCE.activeEditor.selection,'test');//notworking},context:'i

javascript - 如何在 vue.js 模板中显示空格而不是 undefined 和 null?

这是Vue.js模板{{userdata.phone}}当userdata.phone==null或userdata.phone==undefined时,我想显示空间。例如{{userdata.phone|!null|!undefined}}这可能吗?在这种情况下该怎么做?{{userdata.location.city+userdata.location.state+userdata.location.country}}userdata.locationi.city,state,country可以为空或未定义 最佳答案 解决方案与

javascript - Vue.js:更改时调用函数

我正在Vue.js中构建一个组件。我在页面上有一个输入,用户可以在其中请求一定的信用额度。目前,我正在尝试制作一个函数,在我输入时将输入量记录到控制台。(最终,我将根据用户输入显示/隐藏请求的文档。我不希望他们必须点击提交按钮。)当我跳出输入字段时,下面的代码会记录它。这是我的component.vue:CreditLimitRequestCreditLimitAmount1.Ifrequesting$50,000ormore,pleaseattachCurrentBalanceSheet(lessthan1yrold).2.Ifrequesting$250,000ormore,als

javascript - 如何使用vue js自行检查组件中数据何时发生变化?

我有自己改变数据的方法,简单的例子:Vue.component('component',{template:'#component',data:function(){return{dataToBeWatched:''}},methods:{change:function(e){varthat=this;setTimeOut(function(){that.dataToBeWatched='datachanged';},2000);},makeSmthWhenDataChanged:function(){//ajaxrequestwhendataToBeWatchedchangedorw

javascript - 使用 vue.js 显示 json 结果

您好,我正在尝试使用vue.js显示json文件结果,目标是结果将按值显示。这是我的代码:data(){return{fetchData:function(){varself=this;self.$http.get("/api/casetotalactivation",function(data){self.items=data;});},statsCards:[{type:'warning',icon:'ti-server',title:'Cases',value:this.items,footerText:'Updatednow',footerIcon:'ti-reload'}],