vue中filters的使用

在vue中有的需要根据判断条件展示数据就是要用到filters

<template>
  <div>
    <div>{{arr|getNumber}}</div> 
    <!-- 得到的就是1 -->
  </div>
</template>

<script>
export default {
  data(){
    return{
      arr=['1','2']
    }
  },
  filters:{
    getNumber(arr){
      for(let i=0;i<arr.length){
        if(arr[i]==1){
          return arr[i];
        }
      }
    }

  }
}
</script>

<style>

</style>

在vue 中使用filters注意在filters中不能使用this.arr的方式来获取data中的数据这样会有this 如果需要用到就 就全局声明个that 在 beforeCreate 中来改变this指向，如果是在组件中使用filters而
组件有事循环渲染出来的那这种方法将不在适用,这是你渲染出的数据是没有问题 但是this拿到的数据会是最后一个，应此可以将传进子组件中的整个对象作为参数