文章目录过滤器用于当调用语法过滤器时定义格式全局过滤器本地过滤器ES6中的字符串的新方法
过滤器
您可以在Vue.js中自定义过滤器，并可用于设置常规文本格式。 过滤器可在http://www.Sina.com/v-bind http://www.Sina.com /的两个位置使用。 (后者从2.1.0开始支持。 过滤器必须添加到由管道符号表示的JavaScript表达式的末尾。
双花括号插值和
过滤器定义语法Vue.filter(‘ (“(过滤器名称，fucntion () } ) )
过滤器中的function规定了第一个参数是死的。 http://www.Sina.com/http://www.Sina.com /
例如：
Vue.filter(‘(“筛选器名称”，function ) ) (数据)。
返回数据“123”
() )
调用过滤器时的格式！ -大括号--{ {消息|数据格式} }！ 在v-bind中，--divv-bind 3360 id=' dataid|formatid '/div全局过滤器全局过滤器Vue.filter(‘(“过滤器名称”，function ) } )
函数的第一个参数必须是过滤器管道符号之前的数据。 这是表达式，后面是3358www.Sina.com/
下面的例子来看看滤镜
divid=' app ' p { { ctime|data filter }/p/div script /在这种情况下，将为形参par1=' '分配空值。 也就是说，调用过滤器时，将“yyyy-mm-dd”分配给实参。 function(datastr，par1=“”) /根据给定的时间字符串，指定的时间vardt=new date (datastr )； var y=dt.getFullYear (； //因为得到的是0月，所以1varm=(dt.getmonth ) )1).toString ) ).padStart(2)，'0' )； //.toString.padStart (最大字符串长度值，“替换符号或值”) var d=dt.getDate ).toString ).padStart(2) 2，'0' )； //在给定的参考字符串为yyyy-mm-dd的情况下，输出年月日。 否则，输出全日期if (===' yyyy-mm-DD ' ) /模板字符串return`${y}-${m} ) else { var hh=dt var mm=dt.getMinutes ().toString ).padStart(2)，'0' )； var ss=dt.getSeconds ().toString ).padStart(2) ) 2，'0' )； return ` $ { y }-$ { m }-$ { d } $ { hh } : $ { mm } 3360 $ { ss } `； } ) varVM=newvue(El:'#app '，data: ) ctime:newdate )； }，methods:{}，/script本地过滤器定义专用过滤器。 过滤器有两个条件【过滤器名称和处理函数】
过滤器： {
() ) ) ) )。
注：过滤器也可以定义多个过滤器，如：{{ msg | 过滤器1 | 过滤器2}} 可以多次调用过滤器：步骤是按顺序进行，先把msg 交给第一个过滤器 执行，得到结果，然后交给下一个过滤器执行，返回的最终结果渲染到页面相应的位置
div id='app'//！ -如果不提供实参，则形参pattern总是用undefined代码报告错误。 这里提供空值。 第二种方法是形参： pattern='-- p { { ctime|data filter (' ) }/p/divscriptvarvm=newvue ({ El 3360 ' # app '，data ) var y=dt.getFullYear ().toString ).padStart(2) ) 2，'0' )； varm=(dt.Getmonth(1).toString ) ).padStart(2) 2，'0' )； var d=dt.getDate ().tostring.pad start (2) ) 2，'0' )； if (par.to lower case (==' yyyy-mm-- DD ' ) { return `${y}-${m}-${d}； } else { var hh=dt.getHours ().toString ) ).padStart(2) 2，'0' )； var mm=dt.getMinutes ().toString ).padStart(2)，'0' )； var ss=dt.getSeconds ().toString ).padStart(2) ) 2，'0' )； return ` $ { y }-$ { m }-$ { d } $ { hh } : $ { mm } 3360 $ { ss } * * `； }}}/scriptes6字符串的新方法——头部填充或尾部填充：必须是转换字符串格式
从string.prototype.pad start (maxlength，fillstring='‘“”)或string.prototype.padend (例如，时间少于两位，用0补充)。
第一个参数指示已填充字符串的总长度是多少
第二个参数指示要替换为什么
var h=dt.getHours ().toString ) ).padStart(2) ) 2，'0' )；