Dev Faq
0
votes

Comment afficher efficacement le texte au lieu de NULL lors de la liaison dans VUE.JS?

Dans le code suivant Site code> peut être null, mais s'il est là, alors société code> ne sera pas null. Comment puis-je efficacement em> afficher un "-" lorsque le site est null qui échelle bien pendant 1000 de ces lignes?

methods: {
  handleNulls(obj) {
    // logic
    return "-";
  }
}

javascript html vue.js data-binding null-coalescing

0 commentaires

3 Réponses :


0
votes

Essayez ceci: xxx

Documentation - Rendu conditionnel < / a>


0 commentaires

2
votes

Je suggérerais un en ligne si . Vous devriez vérifier si le site est non défini et si la société est non définie : xxx


0 commentaires

0
votes

Vous vouliez montrer "-" Si le site n'est pas disponible, donc je l'ai fait: (le premier élément de la matrice est null)

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <ul>
    <li v-for="item in obj">{{item && item.site && item.site.company&& item.site.company.name ? item.site.company.name : " - "}}
    </li>
  <ul>
<div>


0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
© 2020 www.devfaq.fr - Licensed under  cc by-sa 3.0  with  attribution required.