阅读 54

vue过滤器

1.概念

Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由管道符指示

2.使用语法

{{变量 | 过滤器名}}

{{变量 | 过滤器 | 另一个过滤器}}   可以同时使用多个过滤器,后面过滤器的data就是前面表达式传过来的值

3.定义语法

(1)全局定义

举例:

 


    
    
    
    
    
    
    

    
        {{msg | changeWord1 | changeWord2}}
    


    

 
结果:

 

 

(2)私有定义

filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。

例:

const vm = new Vue({
            el: ‘#app‘,
            data: {
                msg: "你真厉害啊!"
            },
            methods: {
            },
            filters:{
                changeWord3(data,format) {
                    return data.replace("厉害","**");
                }
            }
        })
如果在其他地方用该过滤器,则会报错

 

 

 

 

 

 

原文:https://www.cnblogs.com/z8g1z7/p/15270113.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐