Bedingtes Rendern in Vue.js
P粉919464207
P粉919464207 2023-09-15 16:24:26
0
1
505

Meine App durchläuft eine Liste von Gemüsepflanzen und zeigt Krankheitsschlüssel und Links zu Bekämpfungsmaßnahmen für jede Kultur an.

Für eine der Kulturen (Ernte = 6) existiert kein Krankheitsschlüssel und ich kann nicht aufhören, diesen spezifischen Link anzuzeigen.

Der relevante Teil meines Codes lautet wie folgt:

   

Diseases

Mein Datenteil lautet wie folgt:

diseases: [ { link: "disease key", id: "k", path: "key" }, { link: "disease controls", id: "d", path: "control" }, ],

Wie kann ich verhindern, dass der Link „Krankheitsschlüssel“ angezeigt wird, wenn CropID=6?

Danke/Tom

P粉919464207
P粉919464207

Antworte allen (1)
P粉713846879

对于条件显示,您需要使用v-if。假设disease.id类似于cropId,您可以使用以下代码:

var app = new Vue({ el: '#app', data: { diseases: [{ link: "disease key", id: "k", path: "key" }, { link: "disease controls", id: "d", path: "control" }, ] } })
   

Diseases

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!