vue中過濾器filter


Vue.js 允許我們自定義過濾器,可被用作一些常見的文本格式化。過濾器可以用在兩個地方:mustache 插值表達式、 v-bind表達式。過濾器應該被添加在 JavaScript 表達式的尾部,由“管道”符指示。

1.  插值表達式

<p>{{msg | msgFormat}}</p>

管道符前面的msg:要過濾的內容

管道符后面的msgFormat:是過濾器通過msgFormat來過濾

2. 定義過濾器msgFormat

var vm = new Vue({
            el: '#app',
            data: {
                msg: '我想我是是世界上最好看的'
            },
            methods: {},       
       filters: {

            msgFormat: function (myMsg) {   //function 的第一個參數指的是管道符前面的 msg
        return myMsg.replace(/我/g, '你')

        }  
      }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM