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

vue的过滤器

时间:2019-12-08 15:58:04      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:class   vue   cti   rip   ret   fun   color   bsp   filter   

vue中的过滤器适用与文本数据切换,在vue中的定义方法;

Vue.filter(‘过滤器的名字‘ , function(){});

列子;

<div id="app">
    <p>{{mag | magfeer(‘爱你‘)}}</p>
   </div>

  

<script>
    //过滤器的定义方法
    Vue.filter(‘magfeer‘,function(data,arg){
        //replace在里面也可以写正则判断
        return data.replace(/单纯/g, arg)
    })
 new Vue({
     el:"#app",
     data:{
         mag:"曾经,我是个单纯的人,单纯的钩子,单纯的kaizi"
     }
 })

</script>

 

vue的过滤器

标签:class   vue   cti   rip   ret   fun   color   bsp   filter   

原文地址:https://www.cnblogs.com/jasone/p/12005774.html

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