vue三层循环渲染不出，可用过滤器过滤出来

在html中
      <div class="First" v-for="(f_item, f_index) in firstList" :key="f_index">
          <div class="second" v-for="(s_item, s_index) in f_item" :key="s_index">
            <div class="third" v-for="(t_item, t_index) in s_item" :key="t_index">
              <span>
                第三层的数据
                // {{t_item.data}} 无法渲染
                {{t_item | fifterItem}}
              </span>
            </div>
          </div>
        </div>

export default {
  data(){...}
  filters: {
    fifterItem(t_item){
      return t_item.data
    }
}