美文网首页
vue笔记-私有过滤器学习

vue笔记-私有过滤器学习

作者: Hush____ | 来源:发表于2019-12-09 20:06 被阅读0次

私有过滤器的优先级高于全局过滤器。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
    </head>
    <body>
        <div id="app">
            
            <p>{{msg | msgFilter1 }}</p>
            
        </div>
        
        <script type="text/javascript" src="./lib/vue-2.6.10.js"></script>
        <script>
            Vue.filter('msgFilter',function(msg, arg, arg1){
                //return msg.replace('单纯', '可爱');
                return msg.replace(/单纯/g, arg + arg1);
            });
            
            Vue.filter('msgFilter1',function(msg){
                //return msg + '===add===';
                return msg.replace(/单纯/g, 'xxx');
                
            });
            
            var vm = new Vue({
                el: '#app',
                data: {
                    msg: '我很单纯,一直单纯,是真的非常单纯'
                },
                methods: {
                    
                },
                filters: {
                    msgFilter1 : function(msg){
                        return msg.replace(/单纯/g, 'sss');
                    }
                }
            })
        </script>
    </body>
    
    
</html>

相关文章

  • vue笔记-私有过滤器学习

    私有过滤器的优先级高于全局过滤器。

  • Vue过滤器和vue-resource

    过滤器 之前我们学习了Vue的 vue基本指令 进阶学习,我们需要了解Vue的过滤器:Vue.js允许你自定义过滤...

  • Vue-自定义私有过滤器及padStart()补‘0’方法

    私有过滤器 过滤器有两个条件:【过滤器名称和处理函数】私有过滤器调用的时候,采用的是就近原则,如果私有过滤器和全局...

  • 【Vue 】过滤器filters

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue过滤器filters 1. 什么是过滤器? ...

  • 过滤器filters(私有方式应用)filter(全局方式应用)

    过滤器的使用 一般用来 实现对象时间转换为格式化时间 声明私有过滤器语法: Vue实例化过程中,与el、data平...

  • Vue学习:过滤器、焦点、键盘修饰符/自定义键盘修饰符

    过滤器的基本使用 私有过滤器 filters私有局部过滤器,只能在 当前 VM 对象所控制的 View 区域进行使...

  • Vue的节点

    过滤器Filters 过滤器函数,必须定义在filters节点之下,过滤器本质是函数 分为私有过滤器和全局过滤器 ...

  • tool.js

    vue时间格式过滤器(今天,昨天,周几,年月日) vue金额过滤器 手机横屏签名功能(vue)

  • 6.Vue过滤器

    Vue过滤器: vue过滤器使用管道 | 进行调用,如:{{name | myFilter}},如果需要传入参数...

  • Vue-04

    过滤器:对显示在页面上的数据进行筛选 全局过滤器 和Vue同级 Vue.filter(“过滤器名称”,func...

网友评论

      本文标题:vue笔记-私有过滤器学习

      本文链接:https://www.haomeiwen.com/subject/pcsigctx.html