Vue 过滤器

目的:处理同一种数据1、基本过滤:小写

{{str|lowercase}}

大写

{{str|uppercase}}

首字母大写Capitalize货币CurrencyCurrency  '¥'  2  // 第三个参数是精确值json值转换成字符串:{{obj| json}}把单数变复数Pluralize2. 高级过滤orderBy  数组排序filterBy  抽取某一个  //第一参数是搜索对象的属性性limitBy  切割数组字符串、分页例子第一个参数为截取数组的长度第二个参数为截取的起始值截取的起始值为负数从后往前切割分页:Js:Start :0,Methods:{Next:function(){This.start+=2},}3.自定义过滤器1)注意:代码写在构造器的前面Js 代码:Vue.filter('ed',function(input,params1,params2,params3){//这里return的是input参数的字符串拼接+自定义的过滤器名称Return input+"ed"})New Vue({…………..})2)这种写法是局部定义,只能该下的构造器使用注意:这里的filters是复数哦!filters:{Ing:function(input){Return input + "ing"}}

你可能感兴趣的:(Vue 过滤器)