<body> <div id="app"> <p>{{msg | msgFormat('疯狂233') | test}}</p> </div> <script> Vue.filter('msgFormat', function(msg, arg){ // return msg.replace('单纯', '邪恶') // replace 要和正则搭配使用，否则无法匹配全局。 // return msg.replace(/单纯/g, '邪恶') // ! 注意这里正则的使用。 return msg.replace(/单纯/g, arg); }); // 过滤器可以多次调用。 // {{msg | msgFormat('疯狂233') | test}} // 初始信息被中间的过滤， 返回第二次的结果，第二次的结果又被第三次处理再返回。 Vue.filter('test', function(msg){ return msg + '=======' }); var vm = new Vue({ el:'#app', data:{ msg:'曾经，我也是一个单纯的少年，单纯的我，傻傻地问，谁是世界上最单纯的男人。' }, methods:{ } }); </script> </body>
VUE笔记 - 过滤器 Vue.filter
猜你喜欢
转载自www.cnblogs.com/carpenterzoe/p/10279212.html
今日推荐
周排行