vue中的过滤器学习

1. vue中没有提供内置过滤器, 但是可以了自定义过滤器,

过滤器分为全局过滤器,和组件内容的过滤器

 1. 组件内的过滤,就是options中的一个filters属性(一个对象),对象中的多个key就是多个过滤器的名字,多个value就是key对应的多个过滤方式函数体

<template>
    <diV>
         请输入内容:
        <input type="text" v-modole="name"> <br>
        {{name | myFilter}}
    </div>
</template>
<script>
export default {
    data(){
        return {
                
                }
    },
    filters: { myFilters: function(value){
                    return value + '我被过滤了'
                }
             }
}
</script>
<style>
</style>

 2. Vue.filter(名, 具体实现fn)  全局过滤器写在main.js中

Vue.filter('myFilter', function(value){  return '我是过滤器2';});  

猜你喜欢

转载自blog.csdn.net/kk6891/article/details/81712693