Vue 3, wie man Slots durch mehrere Komponenten leitet

Ich versuche, eine große Tabelle mit bestimmten Zellen zu erstellen, die im gesamten Projekt wiederverwendet werden kann. Ich möchte verschiedene Zellkomponenten an meine Tabellenkomponente übergeben. Ich weiß jedoch nicht, wie ich einen benannten Slot über mehrere untergeordnete Knoten weiterleiten...

P粉216203545 2023-08-27 00:15:30 0  1  599

So rendern Sie Inhalte in den Slot

Wie unten gezeigt, habe ich eine Schaltfläche mit einem Steckplatz in einer untergeordneten Komponente erstellt. Der Name des Slots ist „slotDigitizePolygonBtnLabel“. Die Schaltfläche in der untergeordneten Komponente sollte über eine Eigenschaft namens „disabilityState“ verfügen, um anzugeben, ob d...

P粉877114798 2023-08-18 00:30:15 0  1  595

Umgang mit Slots in Vue3 und Storybook 7

Ich versuche, eine Komponente (UIButton) als Slot in einer anderen Komponente (UICard) in der ButtonAsSlot-Story zu übergeben. In der ButtonAsSlot-Story übergebe ich default:'' als args.default, sodass es im Slot übergeben wird. Es wäre großartig, wenn ich eine vorhandene Story übergeben könnte (z. ...

P粉504920992 2023-08-26 00:23:54 0  1  671

So fügen Sie Slot-Felder basierend auf Arrays in Vue JS dynamisch hinzu/entfernen

Ich habe den folgenden Code, der einen Slot mit einem zu wiederholenden HTML-Feld akzeptiert: <divv-for="(row,index)inrows":key="index"><divclass="d-flexjustify-content-between" > <slotname="fields"></slot&g

P粉639667504 2023-08-28 17:43:21 0  1  530

Wie bekomme ich HTMLElements mit vue3 in den Slot?

Als ich versuchte, eine Layer-Komponente zu entwickeln, ist etwas passiert. Der Code lautet wie folgt: //Wrapper.vue&lt;template&gt;&lt;slotv-bind="attrs"&gt;&lt;/slot&gt;&lt;/template&gt;&lt;scriptlang="ts&qu

P粉794177659 2023-09-01 17:57:52 0  1  712

Rendern in einer Vorlagenschleife mit Vue-Slot-Elementen

Ich versuche, den HTML-Code der Folien an eine Komponente zu übergeben und sie dann mithilfe von slots //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div in einer anderen Komponente zu rendern ><div>slide2</div></template></my-caro...

P粉514458863 2023-09-15 10:37:00 0  1  620

Wie erstelle ich ein Karussell mit Slots?

Die Leute zeigen mir immer wieder, wie man aus einer Reihe von Bildern ein Karussell erstellt. Dieser Ansatz ist jedoch unflexibel, da ich möchte, dass jede Folie des Karussells eine Lightbox-Komponente enthält. In diesem Fall möchte ich die Funktionalität der Lightbox für die Bilder, die ich in das...

P粉817354783 2024-01-10 16:53:13 0  1  450

VSelect – Select funktioniert nicht mit dem benutzerdefinierten „Projekt'-Slot in Vuetify 3

Ich verwende VSelect von Vuetify3 in meiner Vue3-Anwendung und versuche, Artikel-Slots zu verwenden. Aber meine VSelect-Optionen werden nicht mehr auswählbar. Ich habe dieses VSelect-Element: <v-selectv-model="tag":items="tags"variant="solo" label="Tags">...

P粉166779363 2023-08-26 12:35:37 0  1  588

Vue 3/Nuxt 3-Slots mit generischen Datentypen, die von Requisiten abgeleitet werden

Ich möchte eine Karussellkomponente in Nuxtv3 implementieren. Diese Komponente empfängt eine Liste von Elementen. Diese Komponente implementiert nur Logik, keinen Stil oder Struktur. Das ist nun meine Komponente: Components/tdx/carousel.vue<template><div><slotname="last">...

P粉863295057 2023-11-02 21:59:05 0  1  768

Ich möchte eine Header-Blade-Datei in meine Vorlage einbinden, erhalte jedoch ständig die Fehlermeldung „Undefinierte Variable $slot'.

Ich habe derzeit ein Problem mit der Laravel's Blade-Vorlage. Ich habe erfolgreich eine Vorlagendatei erstellt und sie auf verschiedenen Seiten erweitert. Wenn ich jedoch versuche, die Kopf- und Fußzeile in die untergeordnete Blade-Vorlage aufzunehmen, erhalte ich die Fehlermeldung „Variable $slot i...

P粉596161915 2023-08-06 17:23:03 0  1  611