草庐IT

vue-element-ui

全部标签

javascript - 在 Vue.js 中动态过滤对象数组

我有一个Vue.js应用程序。在此应用程序中,我尝试将过滤器值动态应用于对象的Array。Array中的每个对象都有字段。我正在尝试按字段值过滤这些对象。每个字段都可以按多个值过滤。此时,我一直没有弄清楚如何进行这种过滤。我试过使用JavaScript内置的filter函数。但是,这总是为我返回一个空的结果集。我把这个Fiddle放在一起了,其中包括以下代码:newVue({el:'#app',data:{currentFilterProperty:'',currentFilterValue:'',cols:[{title:'Name',prop:'name'},{title:'Age

javascript - 如何将 ui-grid 导出到 excel 文件?

我在我的项目中使用ui-grid和angularjs。在我的项目中,ui-grid将内容导出到excel文件并且运行良好。这是ui-grid声明:这里是javascript中的ui-grid定义:$scope.gridOptions={columnDefs:[{field:'name'},{field:'company',cellFilter:'mapCompany:this.grid.appScope.companyCatalog'}],enableGridMenu:true,enableSelectAll:true,exporterCsvFilename:'myFile.csv',

javascript - 如何禁用 vue 组件中的链接?

我的html是这样的:add我的javascript是这样的:varvue=newVue({el:'#app',methods:{add(event){event.target.disabled=true}}});演示和完整代码如下:https://jsfiddle.net/q7xcbuxd/221/我就是这样尝试的。但是如果我点击添加按钮,它不会被禁用我该如何解决这个问题? 最佳答案 由于您使用的是boostrap,禁用(anchor)按钮的正确方法不是设置.disabled=true,而是添加disabled类。另外两个注意事项

javascript - 不等待函数的异步方法 - VUE

我遇到了这个错误,虽然在MDN和此处进行了大量研究,但还没有解决它。正如标题在VUE中所说,我正在尝试使用异步和等待,但js没有等待“等待”功能结束。在这里:methods:{asyncsearch(terms,done){console.log('1.')this.filter=this.$refs.chipsInput.inputawaitthis.loadtags()console.log('3.')done(this.tagsList)},loadtags(){this.$axios.get('/api/tags/?id__icontains=&id=&name__iconta

javascript - 定位jquery ui对话框

如何根据主体内的div元素定位jqueryui对话框? 最佳答案 也许这会让您知道如何去做:HTML:CSS:.divs{float:left;height:48px;width:80px;border:1pxsolid#55f;}JS:$(document).ready(function(){var$div=$('#two');varleft=$div.offset().left;vartop=$div.offset().top;$('Somedialog').dialog({position:[left+20,top+20]})

只有当 alert() 在带有 AJAX 的 Internet Explorer 中使用时,Javascript 才会更新 UI

我在InternetExplorer中遇到问题,它在Firefox上运行良好。我有一个更新UI(屏幕内容)的java脚本函数,它在AJAX函数之前被调用。但在使用警告框提示之前,它不会更新UI。没有警告框,它不会在AJAX功能之前更新UI。即使在AJAX函数之前调用,它也会在AJAX函数之后更新UI如果我使用以下代码,UpdateUI()在AJAX函数调用之前根本不会更新UI,它会在AJAX函数调用之后更新UI。我希望它在AJAX函数调用之前更新UI(实际上我在AJAX调用之前显示加载栏)UpdateUI();//javascriptfunction,itjustupdatesinne

javascript - Vue.js 怎么能像 Angular.js 那样配置 templateUrl 呢?

我喜欢Vue.js的简单性,但我不想用browserify或webpack使它复杂化。我更喜欢Angular中的templateUrl之类的东西,因此我可以直接使用Nginx提供部分页面(通常是组件)。我怎么能设置这个?官方不建议,很难在那里获得帮助。 最佳答案 据我所知,Vue没有为此专门内置任何内容,但您可以使用asynccomponents如果你愿意,可以伪造它。Vue.component('example',function(resolve,reject){$.get('templates/example.html').do

javascript - 未捕获的 TypeError : element. removeClass 不是 Jquery 中的函数

这个问题在这里已经有了答案:JQuery-object.idisundefinedwhenitshouldn'tbe(2个答案)关闭6年前。我用这个Sample对于验证我的表单,但出现此错误:未捕获的类型错误:element.removeClass不是函数说removeClass()不是函数!!我很困惑我的Js代码:$(function(){varform=$('#CompanyStep'),formData=$.data(form[0]),settings=formData.validator.settings,oldErrorPlacement=settings.errorPlac

javascript - Vue.js动态挂载单文件组件

我有一个单一的文件组件Main.Vue。我还有另外三个单文件组件A.vue、B.vue和C.vue。我希望每次都能在Main.Vue中显示不同的组件。我所做的是:importAfrom'./A.vue';importBfrom'./B.vue';...这可行,但不完全是我想要的。我想要一个不同的文件Factory.js,它会导入所有组件A、B、C,..并且具有返回我的组件的函数,我可以以某种方式在Main.vue中使用它。这是我试过的Factory.js的样子:importAfrom'./A.vue';importBfrom'./B.vue';functiongetComponent(

javascript - Material UI 组件引用不起作用

我正在构建一个小聊天应用程序。我使用MaterialUITextField来输入用户消息。但我不能引用它。我读到了这个。他们说他们不支持refs。这是我的代码。并且有效。classAppextendsComponent{constructor(){super();this.state={q:"default"};}handleChanges(val){this.setState({q:val});}handleSearch(val){this.setState({q:val});console.log(this.state.q);}render(){return({this.state