草庐IT

vue-filter

全部标签

javascript - Vue.js 和 jQuery?

是否可以将jQuery与Vue.js一起使用?我有一个函数,这个函数我想在我的Vue组件中使用。该功能基本上是将项目滑入和滑出,但是当我使用实现时标签我得到了一个包含所有项目的列表,而不是jQuery代码的工作。$("#slideshow>div:gt(0)").hide();setInterval(function(){$('#slideshow>div:first').fadeOut(0).next().fadeIn(1000).end().appendTo('#slideshow');},5000);如何在我的代码中使用该函数?MGdeJongSprint1{{days|two_

javascript - 基于选择下拉列表的 Angular 2-Filtering 表(两者都是不同的组件)

我正在尝试根据选择下拉组件传递的值来过滤数据表组件。我正在使用@Input()属性,但所选的下拉数据未传递给数据表组件。如果通过,我将能够使用以下逻辑过滤表格:不确定我哪里做错了。onChangeDetected(val){this.someData=this.someData.filter(x=>x.value==val)}可以找到完整的实现here 最佳答案 我已在thisplunker中更正了您的问题.现在数据已传递,数据会根据您选择的值发生变化。随意环顾四周并在Angular的网站上寻找解释。//Mandatorycodew

javascript - Vue 中的去抖计算属性/getter

我似乎无法去除(lodash)计算属性或vuexgetter。去抖函数总是返回未定义。https://jsfiddle.net/guanzo/yqk0jp1j/2/HTML:computed:{{textComputed}}debounced:{{textDebounced}}JS:newVue({el:'#app',data:{text:''},computed:{textDebounced:_.debounce(function(){returnthis.text},500),textComputed(){returnthis.text}}}) 最佳答案

javascript - 为什么 Vue.js 使用 VDOM?

AccordingtoVue.js'documentation,它在底层使用VDOM来呈现UI。据我了解,VDOM的发明主要是为了避免“跟踪依赖”。使用VDOM,可以在不知道到底发生了什么变化的情况下协调应用程序的更大部分。因此,可以使用普通对象和数组来描述View,只需要通知框架有关更改(如React中的setState)。然后,比较两个VDOM树并将所需的最小更改集应用到真实的DOM。另一方面,Vue.js使用跟踪依赖项。它确切地知道发生了什么变化,因此可以使用DOM绑定(bind)。此外,由于大多数Vue.js用户已经在使用模板语言,因此它并没有真正受益于VDOM提供的更大灵ac

javascript - 使用 React 或 Vue 增强多页面应用程序的某些部分

我正在服务器端使用java&hibernate&springmvc开发企业应用程序并使用jquery在客户端(不是SPA)。现在在搜索页面中,我使用ajax并仅获得json响应,但我不想在每个搜索或分页请求中都写如下内容。function(ajaxData){....$('#search').html(''+''+''+''+ajaxData.title+''+......''+'')....}我认为使用jsx和react或vuecomponent只是在这个页面刷新结果。我还想重用一些htmlblock,我认为使用react或vue会很容易我曾经构建过一个小的SPA项目,它都是关于np

javascript - 使用 Vue.js 的异步/等待 axios 调用

我在设置其中一个时遇到了一些麻烦。我的Vue.js应用程序中的值。我相信我要么没有正确理解异步axios调用,要么没有理解异步在Vue.js中的工作方式。我有以下三种方法:updateAvailability(availability){if(availability==true){this.showYourDetails();}else{this.showBookingDetails();}},checkAvailability:asyncfunction(event){event.preventDefault();constavailability=awaitthis.handle

javascript - Vue 子组件属性不起作用

我正在尝试破解此代码[A](请参阅底部的fiddle):{{file.__progress}}%进入[B]基本相同的代码,但随后带有一个子组件。这里是父级:这里是child:{{file.__progress}}%在child身上我设置了file属性:props:{file:{type:File,required:true}},父子代码中一定存在问题,因为file__img属性在[B]中的子项(渲染时)中不存在,请参阅:,而它确实存在于[A]中:怎么了?控制台没有错误。原始([A])代码来自here.FileObject由一个xhr实例组成(我想?!)。这里是[A]的fiddle/沙盒

javascript - 如何在同一个应用程序中使用 2 个具有不同 baseURL 的 Axios 实例 (vue.js)

我正在尝试学习vue.js,所以我制作了一个小应用程序来显示来自API的新闻文章,并在另一个View中允许用户登录到另一个服务器。为此,我使用Axios。我知道我在某些时候让它工作得很好,但今天开始我的项目时,让两个api同时工作是不可能的。这是我的登录服务:importaxiosTrainingAPIfrom'axios'axiosTrainingAPI.defaults.baseURL='https://api.example.com'consttrainingAPI={login(credentials){returnnewPromise((resolve,reject)=>{a

javascript - .filter() 数组使用另一个数组的元素

我有一系列人名以及他们的语言知识。我想要做的是将过滤器传递到语言列并过滤掉所有不匹配的结果。这是示例数组varmyArray=[["Steppen","SpanishPolish"],["Wolf","SpanishPolishTagalog"],["Amanda","Spanish"],["Ada","Polish"],["Rhonda","SpanishTagalog"]];就传递过滤器而言,它可以是一种语言,也可以是多种语言。即使过滤器中的一种语言匹配-也应该返回结果。因此,例如,“他加禄语”过滤器应该返回-Wolf和Rhonda。“SpanishPolish”过滤器应返回每个人

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