Wie verwende ich Vue-Chartjs, um Liniendiagramme effizient dynamisch zu aktualisieren?

Ich habe diesen funktionierenden Code, der ein Diagramm aktualisiert, in dem onMount eine Art Aktualisierung simuliert. Aber das Array vollständig zu zerstören und mit neuen Werten im OnMounted-Hook neu aufzubauen, scheint nicht sehr effizient zu sein? Ich habe versucht, reaktive Komponenten für dat...

P粉460377540 2024-01-29 13:35:31 0  1  566

Vue-Anwendung. Wie überspringe ich die Authentifizierung, um bestimmte Komponenten anzuzeigen?

Ich verwende die Vue- und Laravel-Anwendung. Ich muss eine Komponente anzeigen, ohne dass sich der Benutzer anmelden muss. Derzeit müssen Benutzer angemeldet sein, um Komponenten (mit Sicherheitshinweisen) anzuzeigen. Jetzt ist die Komponente jedoch extern erforderlich, was bedeutet, dass zum Anzeig...

P粉658954914 2024-03-27 13:12:42 0  1  511

php – Verwenden Sie eine SQL, um die letzten 6 Beiträge in jedem Abschnitt des Forums abzufragen

Forum-Abschnittstabelle: Forum-Beitragstabelle: Rendering:

ringa_lee 2017-06-29 10:08:50 0  5  1004

Mit vue-chartjs und Pinia gespeicherte reaktive Daten

Ich bin nicht gut darin, Pinia zum Speichern von Daten und Vue-ChartJS in Kombination zum Erstellen reaktiver Diagramme zu verwenden. Ich verwende dieses Beispiel als Leitfaden, habe aber Schwierigkeiten, das Diagramm auf Änderungen im Geschäft reagieren zu lassen. Ich habe die Pinia-Geschäftsdaten ...

P粉946437474 2023-08-31 00:26:42 0  1  513

javascript – Wenn Sie auf den linken und rechten Umschaltpfeil von Swipe klicken, wird innerhalb der Funktion „slideNext' im Swipe-Quellcode auf die aktuelle Vue-Instanz zugegriffen.

Die aktuelle Anforderung besteht darin, mit Vue eine Karussellkomponente mit Tab-Leiste und Wischen zu erstellen. Wenn ich auf den linken und rechten Kopf des Karussellbilds klicke, möchte ich die Seitenzahl der aktuellen Seite in der slideNext-Funktion von swipe abrufen und die Seitenzahl an die Vu...

漂亮男人 2017-06-26 10:58:16 0  1  764

So rufen Sie Methoden aus Optionen in ApexChart mit vue.js auf

Ich bin neu bei Vue- und Apex-Diagrammen. Im Grunde muss ich eine Methode aus den Optionen für Apex-Diagramme aufrufen. Ich habe eine Datei erstellt, die das Problem zeigt, das ich habe: https://jsfiddle.net/wr3uo5va/ ​​​​​​Ich brauche Um eine Methode von chartOptions aufzurufen, ruft dataLabels die...

P粉373596828 2024-03-27 16:35:38 0  2  375

So summieren Sie Elemente einer bestimmten Person (ID) - Laravel

Hallo, wie kann ich eine Tabellenspalte für eine bestimmte Person (ID) summieren? Ich habe zum Beispiel eine Tabelle wie diese (das ist die ProjectHistory-Tabelle): Ich möchte alle Summen für einen bestimmten Mitarbeiter in meiner Colabs-Ansicht anzeigen, siehe zum Beispiel das Bild unten. (Dies ist...

P粉450079266 2023-09-04 16:39:02 0  1  420

Wie zeige ich Trägheitsdaten einer Vue-Komponente an?

Im VueInspector erhalte ich tatsächlich die Nachricht, bin mir aber nicht sicher, wie ich sie auf der Vue-Komponente verwenden soll. Bitte sehen Sie sich den Bildlink https://ibb.co/2KTmstS an. Ich verwende die Inertia-Hilfsmethode und sende eine Nachricht an die Vue-Komponente, aber nichts funktion...

P粉517475670 2023-10-31 12:54:15 0  1  503

javascript – Plug-in für die mobile Auswahl, aber die Daten werden selbst definiert

Es ähnelt dem Effekt auf der rechten Seite, aber die darin enthaltenen Daten sind zunächst einmal der Effekt des mobilen Endgeräts. Zweitens gibt es viele Listen, um den Effekt entsprechend dem Bild anzuzeigen die aus dem Hintergrund gewonnenen Daten.

PHP中文网 2017-06-14 10:54:06 0  2  661

So verwenden Sie eine Variable als Bildquelle – vue.js

Ich bin neu bei Vue und beschäftige mich mit HTML und CSS. Ich möchte eine Variable als Bildverzeichnis verwenden, aber die Bilder werden nie geladen und die Variable wird von einer gültigen Tauri-Funktion aktualisiert, und ich muss auch die Bilder ändern. Hier ist ein Code von mir <template>&...

P粉148434742 2023-12-29 16:42:56 0  1  572

Die Inertia/Laravel-PATCH-Umleitung versucht auch, den Referrer zu aktualisieren

Ich habe eine Laravel/InertiaJS-Anwendung, mit der ich Axios-Anfragen von einem Vue-Frontend aus durchführe, um bestimmte Modelle zu aktualisieren. In meinem Fall habe ich eine Angebotsanzeigeseite, auf der auch die mit dem Angebot verbundenen Aufgaben angezeigt werden. Ich habe eine Vue-Unterkompon...

P粉265724930 2023-09-04 11:56:57 0  1  587

Erstellen Sie eine <select>-Methode zum Auswählen von Zeichnungsdiagrammdateien

Ich habe ein Diagramm, das mit externen Dateidaten erstellt wurde. Jetzt möchte ich ein Auswahlfeld, in dem der Benutzer die zu lesende Datei auswählen kann. Auf diese Weise kann sich das Diagramm dynamisch ändern. Wie kann ich Vue und ChartJS verwenden, um diese Funktionalität zu erreichen? Derzeit...

P粉022140576 2023-08-20 10:08:18 0  1  573

So führen Sie bedingtes Rendering in Vue durch

Ich entwickle eine App, mit der man Aufgaben erstellen und in Listen einordnen kann, um sie effizient nachzuverfolgen. Ich habe eine Liste und Aufgaben innerhalb der Liste erstellt. Ich versuche, alle Aufgaben, die zu einer Liste gehören, innerhalb einer Liste darzustellen. Wenn ich jedoch den Vue-C...

P粉702946921 2024-04-01 19:36:54 0  1  489

Das Vue-Easytable-Plugin zeigt Spalten bedingt an

Ich verwende das Vue-Easytable-Plugin Version 2.8.2, um eine Tabelle innerhalb einer Vue-Komponente anzuzeigen. Ich habe Probleme damit, eine Tabellenspalte bedingt anzuzeigen. In der hier gezeigten Demo können wir sehen, wie eine Spalte dynamisch zur Demotabelle hinzugefügt wird, wenn der Schalter ...

P粉066224086 2024-03-27 17:51:33 0  1  425

„So fügen Sie Bilder in den Tabellenkopf in vue.js 3 ein'

Ich verwende v-data-table von vue.js3 und möchte ein Bild in den Tabellenkopf einfügen. Also habe ich versucht, die Header-Vorlage zu überschreiben: <templatev-for="headerinheaders"v-slot:[`header.${header.value}`]="{headers}">{{header.text}}</template > Diese Methode...

P粉550257856 2023-08-27 08:59:21 0  1  547

Haben Sie den Lehrern angesichts des bevorstehenden Lehrertags etwas zu sagen?

Ob Sie ein Neuling sind, der gerade mit dem Programmieren begonnen hat, ein Meister, der bereits viel gelernt hat, oder ein gewöhnlicher Schüler in der Schule ... Was möchten Sie Ihren Lehrern sagen? Können Sie Ihre Ideen in Codesprache ausdrücken? Verwenden Sie beispielsweise einen Front-End-Code, ...

藏色散人 2018-09-08 17:25:57 0  0  1206

javascript – Kurz nachdem ich mit der Arbeit begonnen hatte, stieß ich auf mehrere kleine Probleme im WeChat-Applet. wie beschrieben

Das erste ist, dass ich einen Vortrag veröffentlichen wollte und dann die Bilder in der Reihenfolge 123 hinzugefügt habe, aber nachdem ich ihn veröffentlicht hatte, änderte sich die Reihenfolge der Bilder in 231 oder 132 oder 321 (die Reihenfolge war sowieso durcheinander). ). Wie kann man dieses Pr...

世界只因有你 2017-05-19 10:38:23 0  1  622

javascript – So verbergen Sie das Anzeigefeld vor der Abfrage im Vue-Projekt

Wie können Sie in einem Vue-Projekt auf eine vorab abgefragte Liste in einer Komponente irgendwo anders als auf sich selbst klicken, um die Liste auszublenden? Der Code lautet wie folgt: 1. Datenbindung: 2. Ereignisbindung: 3. Einige Schüler werden sagen, dass das Festlegen des Eingabefelds den Foku...

为情所困 2017-06-26 10:52:22 0  4  858

javascript - Das anfängliche Laden der Baidu-Freigabe in der Vue-Komponente ist fehlgeschlagen?

Ich verwende Baidu Sharing in meinem Vue-Projekt. Beim ersten Laden wurden die Schaltflächenbilder von Baidu Sharing nicht angezeigt Das Klickereignis wurde wirksam. Nach der Aktualisierung wird es normal angezeigt {code...} Mounted() { {code...}

PHP中文网 2017-06-28 09:26:32 0  1  943