Existe-t-il un moyen dans Vuejs comme le filtre AngularJS
高洛峰
高洛峰 2017-05-19 10:29:06
0
5
557

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中如果写过虑器
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(5)
迷茫

Tampon de référence

伊谢尔伦

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

淡淡烟草味

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() {}
迷茫

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.

習慣沉默

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>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!