Vue js条件付き

Question

私はフロントエンドがvue jsで書かれたプロジェクトを他の人が持っています。コンポーネントが読み込まれるときに複数のリンクが存在する場合、リンクを表示するために条件を追加する必要があります。私の用語が正しいのではない、私はvue jsやそれに類するものはありません。javascriptの知識は限られています。どんな指針も大変ありがとうございます。

コンポーネント

これまでに試したことはこれです。私が迷子になるのは、ページの読み込みをトリガーする方法です。私はその後、VUEテンプレートで作成し

created() { 
    window.addEventListener('scroll', this.handleScroll); 
    window.addEventListener('resize', this.handleScroll); 
    var self = this; 
    document.getElementById('graphContainer').onmouseup = function() { 
     self.updateSwimRef(); 
     self.handleScroll(); 
    }, 
    document.getElementById('conceptDiv')il. = function() { 
     self.ident = true; 
    } 

}, 

Answer 1

に機能を追加しようとしている

var ConceptListItem = { 
    props: ['concept'], 
    template: `<div class="list-group-item concept-item clearfix" id="concept-{{ concept.uri }}"> 
        <div id="conceptDiv"> 
         <a v-if="ident" v-on:click="select" style="cursor: pointer;">{{ concept.label }} ({{ concept.authority.name }}) {{ concept.identities[0].concepts[0] }}</a> 
         <a v-else v-on:click="select" style="cursor: pointer;">{{ concept.label }} ({{ concept.authority.name }})</a> 
        </div> 
        <div class="text text-muted">{{ concept.description }}</div> 
       </div>`, 
    data: function() { 
     return { 
      ident: false, 
     } 
    }, 
    methods: { 
     select: function() { 
      this.$emit('selectconcept', this.concept); 
     }, 

    } 
} 

はリンク[]、あなたのhtmlに

を次のコードを追加しますと言う配列にすべてのリンクを維持することができます

<div v-if="links.length>1"> 

    // your code with condition 

</div> 
<div v-else> 
    // else part if any 
</div> 

VUEの一部では、あなたが次のように配列を追加する必要があり、

data: function() { 
     return { 

      links: [], 
     } 
}