This commit is contained in:
qianguyihao
2018-05-24 12:59:53 +08:00
parent 0570c264ea
commit dd56e4c020
2 changed files with 11 additions and 3 deletions

View File

@@ -29,7 +29,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
### 基本使用
### 全局过滤器的基本使用
我们可以用全局方法`Vue.filter()`自定义一个全局过滤器。这样的话每一个Vue的对象实例都可以拿到这个过滤器。它接收两个参数过滤器的名称 和过滤器函数。
@@ -62,7 +62,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
上方代码解释:
- `Vue.filter(‘过滤器的名称’, 具体的过滤器函数)`中的第一个参数指的就是过滤器的名称(必须和**管道后面**的名称**完全一致**),第二个参数是具体的过滤器函数
- `Vue.filter(‘过滤器的名称’, 具体的过滤器函数)`中的第一个参数指的就是过滤器的名称(必须和**管道后面**的名称**完全一致**),第二个参数是具体的过滤器函数
- 过滤器函数function中第一个参数指的**管道符前面的**msg。
@@ -84,6 +84,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
<body>
<div id="app">
<!-- 通过 过滤器 msgFormat 对 msg 进行过滤-->
<p>{{ msg | msgFormat }}</p>
</div>
@@ -112,6 +113,14 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
网页显示效果如下:
20180522_1240.png
### 给过滤器添加多个参数
上面的举例代码中,`Vue.filter('msgFormat', function(myMsg){})`我们只给里面的function添加了一个参数其实它还可以参加多个参数。