草庐IT

vue-filter

全部标签

javascript - Angular 2 : How to filter records between two dates?

{"id":1,"name":"Jack","date":"01-06-2017"},{"id":2,"name":"Allen","date":"07-08-2017"},{"id":3,"name":"Annie","date":"22-11-2017"},此JSON存储在“成员”数组中,我想根据开始和结束日期过滤成员,例如:letstartDate;letendDate;letselectedMembers=this.members.filter(m=>m.date>startDate&&m.date类似的东西.. 最佳答案

javascript - Vue 不会在 'indirectly' 更改表达式的值时更新 DOM

长话短说我正在尝试从JSON动态构建UI。JSON表示具有应用程序状态(变量)和以这些变量为条件的UI构建逻辑的vue.js应用程序。"type":"switch"的JSON对象(参见下面链接的fiddle),指示vue.js应用程序显示多个"case":{"case1":{..},"case2":{..}}取决于状态变量的值"variable":"key"/*转换为vueApp.key*/.更改其中一个变量(update_status)最初会导致DOM更新。遗憾的是,在安装应用程序后再次更改它不会影响DOM。我很确定我正在做一些愚蠢的事情或遗漏了一些微妙的事情。稍长的版本:(如果你还

javascript - Vue v-on :click. native 在 JSX 中?

如何在JSX中编写vue语法v-on:click.native?例如v-on:click在JSX中是onClick。 最佳答案 答案在babel-plugin-transform-vue-jsx的文档中它是nativeOnClick: 关于javascript-Vuev-on:click.native在JSX中?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/51198226/

javascript - Node.js、Vue.js 和 Passport.js。 .isAuthenticated() 总是返回 false?可能是 Axios header ?

我正在将一个项目转移到Vue.js,但我无法让我的任何中间件检查用户是否已登录或检查用户对工作的所有权。经过无休止的搜索,我认为问题是我从客户端发送到服务器的header不包含Passport序列化用户或其他内容?我怎样才能使它工作?这是我在后端的登录路径:router.post("/login",function(req,res,next){if(!req.body.username||!req.body.password){res.send("Error");}elseif(req.body.username.length>40||req.body.password.length>

javascript - 自定义 Prop 类型 Vue.js

有没有办法为Vue.jsProp创建自定义Prop类型(并通过验证扩展它)?在下面的示例中,您将找到Object属性background。我想要一个自定义Prop类型图像,而不是一个对象。图像将检查src和alt是否已填充,其余部分是可选的。我们现在拥有的:exportdefault{props:{background:{type:Object,src:String,srcset:String,alt:String,title:String,},},};我想要的东西:classcustomPropImage{//magic...}exportdefault{props:{backgro

javascript - 使用 .NET (MVC) 的模板实现 (VUE) 问题

我正在尝试实现一个外部模板(创建一个HTML页面),但我无法成功。此页面是包含Vue应用程序的ASP.NETMVC页面。我想将此组件的模板部分移动到外部文件,但无论何时我这样做都不起作用。以下(下方)确实有效,但由于缺少文本编辑功能,因此不容易维护或构建。Vue.component('我的组件',{模板:'#my-component'这是当前代码,它运行良好:varfoo=Vue.component('foo',{template:'{{ColName}}{{foo}}--',data:function(){return{foos:null,NumColuns:3}},mounted(

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - 将数据从一个 Vue.js 实例输出到另一个

我有一个很大的页面,其中包含很多内容。所以我有2个Vue实例用于页面的2个部分。如何将数据从一个Vue实例绑定(bind)到另一个实例?这个例子应该展示我正在尝试做的事情。(它不是那样工作的)......{{app1.$data.msg}}varapp1=newVue({el:'.app1',data:{msg:"test"}});varapp2=newVue({el:'.app2'}); 最佳答案 事先,我知道这不是你要问的问题,但我不知道你为什么需要两个Vue实例。为什么不直接将Vue绑定(bind)到body并将两个Vue实例

javascript - typescript :如何在自定义过滤器中使用 Angular $filter

如何在自定义过滤器中使用Angular$filter?如何注入(inject)$filter依赖?moduleFilters{exportclassCustomFilter{publicstaticFactory(){returnfunction(input:){varresult=[];//Wouldliketoutilize$filter.('filter')herereturnresult;}}}angular.module('app').filter('customFilter',[CustomFilter.Factory]);} 最佳答案

javascript - Vue.js 在列表中显示 v-show

我相信这对你们来说会非常容易。我试图制作一个简单的帖子列表,帖子标题始终可见,当您单击列表中的特定帖子时,您会看到帖子的正文。我为此使用了v-show。但是,当我单击特定帖子时,会显示所有帖子的正文,而不仅仅是我单击的那个。这是模板:MyPosts{{post.title}}{{post.body}}ID:{{post.userId}}逻辑:exportdefault{data(){return{msg:'hellovue',list:[],show:false}},ready(){this.fetchPostList();},methods:{fetchPostList:functi