Existe-t-il un moyen dans Vuejs comme le filtre AngularJS

Question

vuejs novice
Utilisez maintenant vuejs pour mettre en pratique les projets que j'ai réalisés avec angulairejs. Je peux utiliser des filtres dans angualrjs comme celui-ci
<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

Tampon de référence

Answer 2

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

Answer 3

Il existe un filtre dans vue qui peut réaliser ce que vous voulez
https://vuefe.cn/v2/api/#filters
Comme ceci :

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

Answer 4

Soit vous l'écrivez sous forme de filtre, soit vous utilisez des propriétés calculées, voyez laquelle vous convient. Il y a des instructions dans la documentation vue.js.

Answer 5

Le filtre étant une fonction JavaScript, vous pouvez faire ceci :

<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>