vue中的过滤器

最新推荐文章于 2024-05-27 16:42:24 发布

别看我也不知道

最新推荐文章于 2024-05-27 16:42:24 发布

阅读量144

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/wmiaopas/article/details/102705332

版权

vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

全局过滤器

过滤器就是将一些字符串过滤修改字符串的内容

<body>
    <div id="app"> 
        <p>{{msg|msgFormat}}</p><!--这里是选择使用哪一个过滤器-->
    </div>
    <script>
    //定义一个Vue全局的过滤器，名字叫做msgFormat
        Vue.filter('msgFormat',function(msg){
          return  msg.replace('一个','两个') //过滤器的规则，第一个参数是要过滤的字符串，第二个参数是要过滤成什么字符串
        })
        var vm=new Vue({
           el:'#app',
           data:{
               msg:'这是一个过滤器测试'
           },
           methods:{}
        });
    </script>
</body>

私有过滤器

<body>
    <div id="app">
        <p>{{msg|msgFormat}}</p>
    </div>
    <script>
        var vm=new Vue({
           el:'#app',
           data:{
               msg:'这是一个过滤器测试'
           },
           methods:{},
           filters:{
            msgFormat:function(msg){
          return  msg.replace('一个','两个')
            }
           }
        });
    </script>
</body>

与全局过滤器不同的是私有过滤器是在methods后定义的，注意这个filter要加s
私有过滤器只能在这一个vue控制块也就是#app里面运行，在其他vue控制块里面是无法使用的

别看我也不知道

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue中的过滤器

过滤器就是将一些字符串过滤修改字符串的内容<body> <div id="app"> <p>{{msg|msgFormat}}</p> </div> <script> //定义一个Vue全局的过滤器，名字叫做msgForm...
复制链接

扫一扫

专栏目录