Explication détaillée de l'utilisation du filtre VUE2.X

Cet article présente principalement l'utilisation détaillée de VUE2. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Il existe plusieurs façons d'utiliser VUE2.
Nous créons d'abord un dossier js dans le dossier assets, créons common.js, puis écrivons le filtre dans ce fichier. Bien entendu, vous pouvez également l’écrire dans un seul composant, dont nous parlerons plus tard.

/**
* 将tab类型转换成汉字
* @param {String} tab 待转换前的tab值
* @return {String}  转换后的tab中文
*/
export function change (tab) {
 switch (tab) {
  case 'share':
   return '分享'
  case 'ask':
   return '问答'
  case 'job':
   return '招牌'
  case 'good':
   return '精华'
 }
}

Ce qui précède est le filtre dans le fichier common.js. Le fichier est le suivant :

Introduire et utiliser des filtres dans le fichier vue :

Les filtres ci-dessus sont très important, sinon le filtre ne fonctionnera pas.

La dernière chose est l'utilisation à la p. Très simple. Comme suit :

Le changement ci-dessus est le filtre. item.tab transmet la valeur de tabulation au filtre de modification pour une conversion automatique. Vous pouvez écrire plus de filtres ou d'autres méthodes dans common.js. Les méthodes d'utilisation sont les mêmes.

Vous pouvez également écrire le filtre directement dans le fichier vue. Écrivez-le simplement dans les filtres :

Recommandations associées :

Exemples détaillés de l'utilisation de base des filtres dans jQuery

Explication détaillée des filtres Angularjs pour implémenter des fonctions de recherche et de tri dynamiques

JQuery, sélecteur/filtre/optimisation des performances

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!