Benutzerdefinierte Vue 3-Kontrollkästchenkomponente, die an ein Array ausgewählter Werte gebunden ist

Ich habe versucht, eine einfache Komponente mit einem gestalteten Kontrollkästchen und einer entsprechenden Beschriftung zu erstellen. Die Werte (Strings) aller ausgewählten Kontrollkästchen sollten in einem Array gespeichert werden. Dies funktioniert für einfache HTML-Kontrollkästchen: <template...

P粉561749334 2023-12-21 18:43:52 0  1  633

Bild über die Funktion onclick() ändern

Ich möchte ein Bild in ein anderes ändern, wenn ich auf das Objekt klicke. Der Code ist in der folgenden Reihenfolge gestapelt: Ich möchte, dass das Bild beim Klicken durch eine farbige Version des Bildes, also ein anderes Bild, ersetzt wird. Jetzt weiß ich, dass ich es mit JQuery/JS machen kann. Ab...

P粉242535777 2023-08-18 08:53:28 0  1  474

javascript – Probleme beim Deaktivieren der Textauswahl und des Kopierens

Der Stil ist wie folgt: {Code...} Die HTML-Struktur ist wie folgt: {Code...} Wenn Sie ein Element einzeln auswählen, kann die Auswahl tatsächlich deaktiviert werden Inhalte können nicht kopiert werden, aber wenn Sie cmd + a verwenden, um alle auszuwählen, werden Sie sehen, dass die deaktivierten Ele...

为情所困 2017-06-26 10:58:49 0  2  769

Verwenden von Tailwind CSS, um den Stil eines übergeordneten Div als Reaktion auf den ausgewählten Status eines Optionsfelds zu ändern

Ich habe eine Tabelle mit mehreren Spalten und einem Optionsfeld pro Zeile. Ich muss die Hintergrundfarbe der gesamten Zeile ändern, wenn ich eine bestimmte Schaltfläche auswähle. Kann dies erreicht werden? {{user.email}}{{user.name}} In Tailwind können Sie die Klasse „peer“ verwenden, um benachbart...

P粉718165540 2023-08-15 23:49:52 0  1  582

javascript - Wie sollte ich den von mir geschriebenen Code optimieren, um Objektdaten in DOM-Knoten zu konvertieren?

Lassen Sie uns die Idee kurz vorstellen: Ajax auf das Objekt, dann das Objekt der Reihe nach vom untergeordneten zum übergeordneten Objekt erstellen, Stile festlegen und Ebenen hinzufügen. Dann sieht der Code so aus: {code...} Das war's. . . Wie optimieren? Die Unterstützung des Front-Ends für ES6 i...

三叔 2017-06-12 09:28:43 0  3  903

Gibt es einen CSS-Elternselektor?

Wie wähle ich ein Element aus, das das direkte übergeordnete Element eines Ankerelements ist? Mein CSS sollte zum Beispiel so aussehen: li&lt;a.active{property:value;} Natürlich gibt es Möglichkeiten, dies mit JavaScript zu erreichen, aber ich hoffe, dass es eine Art Workaround für CSSLevel2 sel...

P粉176980522 2023-08-23 10:53:50 0  2  502

Ist das Speichern getrennter Listen in Datenbankspalten wirklich so schlimm?

Stellen Sie sich ein Webformular mit einer Reihe von Kontrollkästchen vor (jedes oder alle davon können ausgewählt werden). Ich habe mich dafür entschieden, sie in einer durch Kommas getrennten Liste von Werten zu speichern, die in einer Spalte in der Datenbanktabelle gespeichert sind. Jetzt weiß ic...

P粉020556231 2023-08-27 19:52:49 0  2  475

React-Komponentenbibliothek + SASS-Modularität

Ich beginne mit der Entwicklung einer React-Komponentenbibliothek und möchte einen Teil des SCSS-Codes wiederverwenden, den wir mit anderen Nicht-React-Projekten teilen. Um dies zu erreichen, versuche ich, ein SASS-Modul in einer React-Komponente zu verwenden. Ein einfacher Anwendungsfall funktionie...

P粉818306280 2024-03-26 21:31:03 0  2  377

Die Order-Klausel in der Abfrage nimmt zu viel MySQL-Ladezeit in Anspruch

Ich stecke in einer Situation fest, in der ich Millionen von Datensätzen habe und unterschiedliche Verbindungen für dieselben Datensätze benötige. Auch die Bestellbedingungen enthalten einige knifflige Teile. Wenn ich keine Sortierung anwende, liefert meine Abfrage schnelle Ergebnisse. Bei der Anwen...

P粉258788831 2024-02-21 20:36:00 0  1  374

Entwickelte ein QueryPHP-Framework, das im Dezember dieses Jahres veröffentlicht wurde

QueryPHP v1.0.0-beta.5, diese Version verbessert hauptsächlich ORM und optimiert viele Details. Über QueryPHP QueryPHP ist ein modernes, leistungsstarkes PHP-Progressive-Coroutine-Framework. Wir orientieren uns immer noch hauptsächlich an traditionellen PHP-FPM-Szenarien mit der historischen Mission...

小牛仔 2019-09-10 11:48:35 0  0  1073

Der CSS-Selektor findet eine Teilmenge von Entitäten basierend auf dem Klassenfilter

Ich habe eine Tabelle, die eine Reihe dargestellter Zeilen enthält, und innerhalb dieser Tabellengruppe haben einige Zeilen eine „anklickbare“ Kategorie. Ich versuche, einen Stil auf jede ungerade Zeile anzuwenden, die eine „anklickbare“ Kategorie hat. Ich habe verschiedene Selektoren ausprobiert, a...

P粉293550575 2023-09-06 23:21:53 0  1  578

Gibt es in CSS einen übergeordneten Selektor?

Wie wähle ich das &lt;li&gt;-Element aus, das das direkte übergeordnete Element des Ankerelements ist? Mein CSS könnte zum Beispiel so aussehen: li&lt;a.active{property:value;} Natürlich ist es möglich, dies mit JavaScript zu erreichen, aber ich hatte auf eine CSSLevel2-native Problemumg...

P粉270842688 2023-08-21 10:49:24 0  2  465

Personalisieren Sie das Aussehen von Select2 Dropdown

In meinem Fall verwende ich select2Combobox für mein Dropdown-Menü. Wenn sich hier die Länderauswahl ändert, übergebe ich die ausgewählte ID an das JSON-Ergebnis und erhalte das Ergebnis, das dem Kombinationsfeld „Provinz“ zugewiesen ist. In diesem Fall ändert sich die Dropdown-Ansicht von abgerunde...

P粉256487077 2024-04-03 11:27:22 0  1  444

Vorschau auf die Lehrveranstaltung am 20. September 2018: Grundlagen und Praxis des Bootstrap-Frameworks

1. Unterrichtsthema: Grundlagen und Praxis des Bootstrap-Frameworks Bootstrap ist das beliebteste HTML-, CSS- und JS-Framework, das zur Entwicklung responsiver Layouts und mobiler Geräte-First-WEB-Projekte verwendet wird. Bootstrap ist für alle Entwickler und alle Anwendungsszenarien konzipiert und ...

藏色散人 2018-09-20 10:43:11 0  0  1423

Gibt es in CSS einen übergeordneten Selektor?

Wie wähle ich das &lt;li&gt;-Element aus, das das direkte übergeordnete Element des Ankerelements ist? Mein CSS könnte zum Beispiel so aussehen: li&lt;a.active{property:value;} Natürlich ist es möglich, dies mit JavaScript zu erreichen, aber ich hatte auf eine native Problemumgehung von ...

P粉713866425 2023-08-21 10:43:42 0  2  506

Wie stellt man die Vererbung in der Datenbank dar?

Ich denke darüber nach, wie man komplexe Strukturen in einer SQLServer-Datenbank darstellen kann. Stellen Sie sich eine Anwendung vor, die Details zu einer Reihe von Objekten speichern muss, die einige Eigenschaften gemeinsam haben, aber viele andere ungewöhnliche Eigenschaften aufweisen. Beispielsw...

P粉041856955 2023-08-29 13:56:14 0  2  562

Vue 3-Kompositions-API-Komponente mit einer Reihe von Kontrollkästchen und allen umschaltbar

Wir haben beschlossen, schrittweise von Knockout auf die Verwendung der Vue3-Kompositions-API von TypeScript umzusteigen, und ich versuche, das Anti-Pattern mutierender Requisiten zu verstehen. Ich habe eine Arbeitskomponente, die ihre beabsichtigte Aufgabe erfüllt, aber im Grunde möchte ich bestäti...

P粉670838735 2023-08-30 20:55:11 0  1  626

So passen Sie das Hamburger-Menü in React JSX an die gesamte Seite an

Ich bin sehr neu bei Reactjsx, ich verwende Tailwind und es ist sehr gut. Ich lerne auch, während ich gehe. In meiner Navigation kann ich also Hamburger-Menüs anzeigen, aber die Art und Weise, wie sie angezeigt werden, gefällt mir nicht. Ich versuche sicherzustellen, dass die gesamte Seite mit Weiß ...

P粉368878176 2023-08-31 14:31:09 0  1  517

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  751

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  685