» vue.js-framework for="card in getParticularCards(... ändern

StefanL39 · Beobachter Anmeldedatum: 10.04.2021 Beiträge: 1

Hallo JavaScripter,

ich habe recht viel Erfahrung mit Delphi und C++ aber praktisch keine mit JavaScript.

Jetzt würde ich gerne in einem JavaScriptprogramm das durchiterieren von bestimmten Elementen abändern.

Da werden Webseiten-GUI-Elemente wie Buttons und slider usw. durchgenudelt.
So wie es bis jetzt programmiert ist werden zuerst alle generic dann alle temperature usw. verarbeitet.

Momentan sieht das so aus:

<template>
  <div>
    <div class="container" v-if="cards.length > 0 || charts.length > 0">
      <div class="columns is-mobile is-multiline">
        <generic-card v-for="card in getParticularCards('generic')" :key="card.id" :card="card"></generic-card>
        <temperature-card v-for="card in getParticularCards('temperature')" :key="card.id" :card="card"></temperature-card>
        <humdidity-card v-for="card in getParticularCards('humidity')" :key="card.id" :card="card"></humdidity-card>
        <status-card v-for="card in getParticularCards('status')" :key="card.id" :card="card"></status-card>
        <progress-card v-for="card in getParticularCards('progress')" :key="card.id" :card="card"></progress-card>
        <slider-card v-for="card in getParticularCards('slider')" :key="card.id" :card="card"></slider-card>
        <button-card v-for="card in getParticularCards('button')" :key="card.id" :card="card"></button-card>
      </div>

Ich möchte jetzt eine weitere Eigenschaft hinzufügen die man vielleicht "Position" nennen könnte. Position wäre dann ein Integer. Das template soll dann alle Elemente in der Reihenfolge von "Position" durchnudeln.

Hier ein Link zum Gesamtprojekt ESP-Dash
https://github.com/ayushsharma82/ESP-DASH

und hier zu dem kompletten template code
https://github.com/ayushsharma82/ESP-DASH/blob/master/vue-frontend/src/views/Home.vue#L5

Wenn ihr noch weitere Infos braucht bitte Stichworte nennen.
Ich wäre dankbar für Tips und Hinweise jeder Art.

viele Grüße

Stefan

programmierer-forum.de · Gast

Mach mit!

Wenn Dir die Beiträge zum Thread "vue.js-framework for="card in getParticularCards(... ändern" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:

Registrierte Mitglieder genießen die folgenden Vorteile:
✔ kostenlose Mitgliedschaft
✔ keine Werbung
✔ direkter Austausch mit Gleichgesinnten
✔ neue Fragen stellen oder Diskussionen starten
✔ schnelle Hilfe bei Problemen
✔ Bilder und Videos hochladen
✔ und vieles mehr...

Autor	Nachricht
StefanL39 Beobachter Anmeldedatum: 10.04.2021 Beiträge: 1	10.04.2021, 15:21 zitieren Hallo JavaScripter, ich habe recht viel Erfahrung mit Delphi und C++ aber praktisch keine mit JavaScript. Jetzt würde ich gerne in einem JavaScriptprogramm das durchiterieren von bestimmten Elementen abändern. Da werden Webseiten-GUI-Elemente wie Buttons und slider usw. durchgenudelt. So wie es bis jetzt programmiert ist werden zuerst alle generic dann alle temperature usw. verarbeitet. Momentan sieht das so aus: <template> <div> <div class="container" v-if="cards.length > 0 \|\| charts.length > 0"> <div class="columns is-mobile is-multiline"> <generic-card v-for="card in getParticularCards('generic')" :key="card.id" :card="card"></generic-card> <temperature-card v-for="card in getParticularCards('temperature')" :key="card.id" :card="card"></temperature-card> <humdidity-card v-for="card in getParticularCards('humidity')" :key="card.id" :card="card"></humdidity-card> <status-card v-for="card in getParticularCards('status')" :key="card.id" :card="card"></status-card> <progress-card v-for="card in getParticularCards('progress')" :key="card.id" :card="card"></progress-card> <slider-card v-for="card in getParticularCards('slider')" :key="card.id" :card="card"></slider-card> <button-card v-for="card in getParticularCards('button')" :key="card.id" :card="card"></button-card> </div> Ich möchte jetzt eine weitere Eigenschaft hinzufügen die man vielleicht "Position" nennen könnte. Position wäre dann ein Integer. Das template soll dann alle Elemente in der Reihenfolge von "Position" durchnudeln. Hier ein Link zum Gesamtprojekt ESP-Dash https://github.com/ayushsharma82/ESP-DASH und hier zu dem kompletten template code https://github.com/ayushsharma82/ESP-DASH/blob/master/vue-frontend/src/views/Home.vue#L5 Wenn ihr noch weitere Infos braucht bitte Stichworte nennen. Ich wäre dankbar für Tips und Hinweise jeder Art. viele Grüße Stefan Gefällt mir Teilen twittern 1x bearbeitet
▲	pn

programmierer-forum.de Gast	10.04.2021, 15:21 zitieren Mach mit! Wenn Dir die Beiträge zum Thread "vue.js-framework for="card in getParticularCards(... ändern" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden: Registrierte Mitglieder genießen die folgenden Vorteile: ✔ kostenlose Mitgliedschaft ✔ keine Werbung ✔ direkter Austausch mit Gleichgesinnten ✔ neue Fragen stellen oder Diskussionen starten ✔ schnelle Hilfe bei Problemen ✔ Bilder und Videos hochladen ✔ und vieles mehr...
▲

	Re: √	Letzter Beitrag
Kartentrick "The Magic Card" - einfach nur krass jedesmal war es die richtige karte wie gayt das... von ZeCkE	10 2.210	15.06.2005, 11:45 ZeCkE
ps2:"casper" erkennt Memory Card nicht PS 2 vor 2 Monaten NEU gekauft, incl. Memory Card. Habe bereits auf der Memory Card (8MB) Spiele abgespeichert - kein Thema. Habe nun "Casper - A Haunting 3D Challenge" angefangen und kann aber nicht abspeichern da er verlangt eine Memory... von sabine9571	3 686	28.12.2009, 10:24 mgutt
Wer kennt das PHP-Framework rexo? hallöchen... ich möchte eine dating-plattform mit php programmieren. zufällig entdeckte ich das php-framework rexo, in welchem bereits eine solche applikation als demo vorhanden ist. da das framework nur aus ein paar wenigen dateien besteht, geh ich... [PHP]von trodape	0 275	13.08.2018, 06:32 trodape
Ruby Framework Architect (f/m) in Munich Our client is a team of software developers brought together by their enthusiasm for developing embedded systems. They are full-stack developers working on real-time, connectivity, mobile, and back-end projects. Customers consult them for two main... [Jobs & Stellenangebote]von Job Ambition GmbH	0 197	29.08.2018, 13:35 Job Ambition GmbH
Software Test Framework Developer (f/m) in Munich We are a team of software developers brought together by our enthusiasm for creating the best possible embedded systems. We are full-stack developers working on real-time, connectivity, mobile, and back-end projects. Customers come to us for two main... [Jobs & Stellenangebote]von Job Ambition GmbH	0 143	16.10.2017, 13:48 Job Ambition GmbH
Mercedes Card Erleben Sie den Mythos Mercedes-Benz hautnah. Unzählige Meilensteine der Automobilgeschichte tragen den Namen Mercedes-Benz. Erleben Sie diesen Mythos hautnah – zum Beispiel bei exklusiven Fahr-Events oder spannenden Fahrtrainings. Genießen Sie den... von mgutt	0 3.977	20.09.2007, 20:45 mgutt
Master-Card Name: Christoph L. Emailadresse: christoph-l***@t-online.de _________________ Sehr geehrte Damen u. Herren, Habe soeben per Online eine Master-Carde bestellt. Ich möchte hiermit Widerspruch einlegen und die Bestellung... von Gast	1 184	25.07.2012, 16:28 mgutt
DaimlerChrysler Card Ihre Vorteile Im ersten Jahr kostenlos Bonusprogramm RoadMiles: automatisch punkten Reisen und Sparen: 5% Reisebonus Neu: Wählen Sie Ihr Wunschmotiv aus der Online-Galerie mehr Informationen: www.daimlerchrysler-bank.com... von mgutt	0 2.051	20.09.2007, 20:43 mgutt
Zenec MC - 292 SD Card Hallo, hat vllt. jemand auch das Zenec 292 doppeldin und weiss wie gross die SD karten sein dürfen und ob der von der SD card auch alles liest wie von der dvd? Hab das radio vor kurzem in mein bb6 eingebaut und mir ne 8gb sd card geholt aber er will... von porusskij	9 2.719	07.09.2009, 14:25 Cleenz
Visa Card verifizieren Hallo, ich habe bei der Firma Gimahhot ein Notebock mit der Visa Card gekauft und habe nun das Problem, dass diese Firma das Geld angeblich nicht abbuchen kann, ohne eine Kopie meines Personalausweises. Weil aber mein Personalausweis vor kurzem... von EuroMan16	0 4.723	17.10.2010, 11:43 EuroMan16