六、vue基础--过滤器定义
七、过滤器定义
1.使用:{{username|strip}}、<a :href="url|strip">百度</a>
2.定义:都是定义一个函数,这个函数的第一个参数永远是被过滤的那个变量
a.局部定义:在组件中添加一个filters,然后在filters中添加过滤器
b.通过Vue.filters('过滤器名称',函数)
3.传参:如果需要传参,可以在定义过滤器的时候,提供其他参数,在使用的时候直接跟普通函数一样传递就可以了。代码如下:
<div id='app'> <!-- <p>{{username|strip("哈哈")}}</p> --> <p>{{username|strip("哈哈")}}</p> </div> <script> // Vue.filter("strip",function(value){ // return value.replace(" ","") //去掉下面的空格,这个支持正则 Vue.filter("strip",function(value,string){ return value.replace(" ",string) }) new Vue({ el:'#app', data:{ username:"张三 李四" } }) </script>
未完。。。