vue 过滤器 基本用法
Posted lguow
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 过滤器 基本用法相关的知识,希望对你有一定的参考价值。
使用地点:双花括号插值和v-bind表达式。
<div id="app"> <p>{{ message|capitalize}}</p> <div v-bind:id="message|capitalize"></div> </div>
new Vue({ el:"#app", data:{ message:"pwd" }, filters:{ capitalize:function(value){ return value+‘a‘ } } })
注意:过滤器函数接收的第一个值是message,依次是传的值。
过滤器是可以叠加的,后面过滤器接收前面过滤器的返回值。
<div id="app"> <div v-bind:id="message|capitalize(‘a‘,‘b‘)|gl"></div> </div>
var app=new Vue({ el:"#app", data:{ pwd:"pwd" }, filters:{ capitalize:function(value,x,y){ return value+x+y; }, gl:function(value){ value=value.toString(); return value.toUpperCase(); } } })
以上是关于vue 过滤器 基本用法的主要内容,如果未能解决你的问题,请参考以下文章