码迷,mamicode.com
首页 > 其他好文 > 详细

过滤器

时间:2020-04-05 22:05:33      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:func   定义   val   app   slice   uppercase   cas   rip   逻辑   

自定义过滤器

        Vue.filter(‘过滤器名称‘, function(value) {
            // 业务逻辑
        });   

 过滤器的使用

<div>{{msg | upper}}</div>
<div>{{msg | upper | lower}}</div>
<div :abc="msg | upper">测试</div>    

 局部过滤器

    var vm = new Vue({
            el: ‘#app‘,
            data: {
                msg: ‘‘
            },
            filters: {
                upper: function(val) {
                    return val.charAt(0).toUpperCase() + val.slice(1);
                },
                lower: function(val) {
                    return val.charAt(0).toLowerCase() + val.slice(1);
                }
            }
        })

  

过滤器

标签:func   定义   val   app   slice   uppercase   cas   rip   逻辑   

原文地址:https://www.cnblogs.com/Alisa-k/p/12639347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!