Adakah terdapat cara dalam vuejs seperti penapis angularjs

Question

vuejs novice
Sekarang gunakan vuejs untuk mempraktikkan projek yang telah saya lakukan dengan angularjs saya boleh menggunakan penapis dalam angualrjs seperti ini
<p class="borderClass infomation-item" ng-repeat="items in newlist|filterByObj: '4. '" ng-if="$index!=0">

            <a ui-sref="tv_pro({id:items.programesHistory_id})">
                <span ng-bind="items.programesHistory_name"></span>
                <p class="cache">{{items.programesHistory_description}}</p>
            </a>
        </p>
        
      filterByObj写在js里面然后接收item的值和过滤参数  
      
      在vuejs中貌似只能不能传递参数，在v-for中如果写过虑器

Answer 1

Cop rujukan

Answer 2

https://cn.vuejs.org/v2/api/#...

Answer 3

Terdapat penapis dalam vue yang boleh mencapai apa yang anda mahukan
https://vuefe.cn/v2/api/#filters
Seperti ini:

// template里面
<p>{{averageMonthPay|fMoney}}</p>
// script里面
name: 'confirm',
filters: {
    fMoney(num = 0) {
        return (num / 1000).toFixed(2)
    }
},
props: {},
data() {}

Answer 4

Sama ada tulisnya sebagai penapis, atau gunakan sifat yang dikira, lihat mana yang sesuai dengan anda. Terdapat arahan dalam dokumentasi vue.js.

Answer 5

Oleh kerana penapis ialah fungsi JavaScript, anda boleh melakukan ini:

<template>
<p class="borderClass infomation-item"v-for="(items, index) in newlist" v-if="index !== 0">
{{items | filterByObj(4) }}
</p>
</template>

<script>
export default {
  data () {
    newlist: []
  },
  filters: {
    filterByObj(value, number) {
      console.log(value, number); //items 4
      return value;
    }
  }
};
</script>