学习笔记Vue（五）—— 过滤器 Filter

最新推荐文章于 2021-03-16 13:39:30 发布

GRANDMA_Z

最新推荐文章于 2021-03-16 13:39:30 发布

阅读量217

点赞数

分类专栏： Vue学习文章标签： Vue JavaScript

本文链接：https://blog.csdn.net/qq_38932377/article/details/94888598

版权

Vue学习专栏收录该内容

24 篇文章 0 订阅

订阅专栏

在Vue中过滤器使用一个管道符 | 来和想要过滤的值隔开，
直接看例子：
该例子为将很大的数字每三位就用一个，隔开

<body>
    <div id="app">
        <span>{{money | toMoney | ceshi}}</span>
    </div>
    <script>
        //filter
        Vue.filter('toMoney',value=>{
            console.log(value);
            return value.toLocaleString();
        });
        Vue.filter('ceshi',value=>{
            // 这个ceshi 过滤器是为了检验过滤器获取的value是它管道符前面的值
            //是它管道符前面的值还是原始值？
            console.log(value); //打印出1,000,000 ，证明是管道符前面的值
            return value;
        });

        const vm = new Vue({
            el:"#app",
            data: {
                a: 10,
                money: 1000000
            },
            filters:{  //局部过滤器
                
            }
        });
    </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GRANDMA_Z

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习笔记Vue（五）—— 过滤器 Filter

在Vue中过滤器使用一个管道符 | 来和想要过滤的值隔开，直接看例子：该例子为将很大的数字每三位就用一个，隔开<body> <div id="app"> <span>{{money | toMoney | ceshi}}</span> </div> <script> ...
复制链接

扫一扫