shangrila-xiu

112
文章
101
分类
33
标签

过滤器

过滤器

今天的主题是过滤器，有时候在网页上会出现首字母大写之类的，还以为是自己慢慢的敲首字母大写就行了，可能以前真的是这样吧，不过我现在将要讲述的是不是这样呢？

系统提供了一些过滤器:语法

1
2
3
1、{{'msg'|filter过滤器}}
2、{{'msg'|filter过滤器|filter过滤器}}
3、{{'msg'|filter过滤器 '参数'}}

首先讲一下把小写全部变为小写的过滤器吧

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <style>   
    </style>
    <script src="js/vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        {{'welcome'|uppercase}}
    </div>
</body>
</html>

如上述讲的是mustache 风格的绑定的内部

就像上述的这种写法还有很多是满足这样的情况（把所有的单词都大写来显示）

lowercase (字母全部小写)、capitalize (首字母大写)、还可以是两个或者多个这样的词在一起使用，

1
2
如：{{'abc' | uppercase | uppercase}}、{{'WE' | lowercase | capitalize}}、
{{12 | currency}}显示出来的效果是$12.00、{{12 | currency '￥'}}显示的结果是￥12.00等。

看到这里是不是没有过瘾，还想继续了解过滤器的使用呢？后期还有这个的相关学习噢！