vue中過濾器filters的使用


組件內寫法

filters:{
    filter:function(data,arg1,arg2){
        return ....
    }
}

全局寫法

filters('filter',function(data,arg1,arg2){
    retrun ....
})

1.在html中使用
{{ msg | filter('arg1','arg2') }}
// msg對應函數中的第一個參數data,arg1為第二個參數,類推
2.methods中使用,並傳參
methods:{
    fn(){
        let filter = this.$options.filters['filter']
        let data = filter(this.msg,arg1,arg2)
    }
}
3.在v-html中使用filters
<p v-html="$options.filters.filter(this.msg,arg1,arg2)"></p>


免責聲明!

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



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