首页 > 技术文章 > vue—{{ | }}

duiyuedangge 2021-02-22 23:24 原文

vue过滤器,可以用于过滤或者格式化,用{{|}}插值操作。

eg:
<ul>
  <template v-for="user in userList">
    <li>{{ user | filterMethod('自定义参数') }}</li>
  </template>
</ul>
filterMethod(user,params){
  return ...具体逻辑处理;
}

说明:
1.示例中,filterMethod为过滤方法,第一个参数,默认参数为被过滤的对象,如user。
2.若需要自定的参数,在{{ | }}中的过滤方法中传递即可,多个用“,”隔开。
3.若需要多个过滤方法,则如下{{ 对象| 过滤方法1| 过滤方法2}},其中后面的过滤方法参数是前一个过滤方法的结果。

推荐阅读