Comment obtenir des HTMLElements dans le slot en utilisant vue3 ?

Quelque chose s'est produit lorsque j'ai essayé de développer le composant Layer. Le code est le suivant : //Wrapper.vue<template><slotv-bind="attrs"></slot></template><scriptlang="ts&qu

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

Modifier l'index du tableau pour afficher la diapositive suivante

<template><divclass="carousel"><slot></slot><button@click="index++">Suivant</button></div></template><scriptsetup>importer{useSlots

P粉777458787 2023-09-01 20:10:40 0  1  696

Comment restituer le contenu dans le slot

Comme indiqué ci-dessous, j'ai créé un bouton avec un emplacement dans un composant enfant. Le nom de l'emplacement est slotDigitizePolygonBtnLabel. Le bouton du composant enfant doit avoir une propriété appelée handicapState pour indiquer si le bouton est désactivé. Dans le composant parent, je sou...

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

Rendu dans une boucle de modèle à l'aide d'éléments de slot Vue

J'essaie de transmettre le code HTML des diapositives à un composant, puis de les restituer à un autre composant en utilisant les emplacements //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div ><div>slide2</div></template></mon-ca...

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

Impossible d'exécuter avec succès le code JavaScript dans Blade

J'ai un fichier appelé all.blade.php qui ressemble à ceci : @component('admin.layouts.content',['title'=>'examplefile'])@slot('breadcrumb')<liclass=" breadcrumb- itemactive">ExampleFile</li>@endslot...@endcomp

P粉476046165 2024-02-25 18:05:56 0  2  579

Comment obtenir le caractère de nouvelle ligne (\n) dans le contenu du slot Vue 3 ?

J'essaie de migrer un composant Vue2 vers Vue3. L'idée est comme "ln2br" de Vue (en fait "ln2p"). Alors...<my-linebreaker>Thisistheline1.Thisistheline2.Thisistheline3.</my-linebreaker> devrait afficher : <div><p>Thisistheline1.</p><p

P粉391677921 2024-03-26 12:42:18 0  1  698

Les transitions Vue ne fonctionnent pas avec router-link et $router.push

J'ai le fichier App.vue suivant : <scriptsetup>import{RouterView}from "vue-router" ;</script><template><RouterViewv-slot="{Component}"><transition:name="fade"mode = &q

P粉253518620 2023-12-26 15:05:01 0  2  651

Vue 3 comment passer des slots à travers plusieurs composants

J'essaie de créer un immense tableau avec des cellules spécifiées qui peuvent être réutilisées tout au long du projet. Je souhaite transmettre différents composants de cellule dans mon composant de table. Mais je ne sais pas comment transmettre un emplacement nommé via plusieurs nœuds enfants. J'uti...

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

Comment ajouter/supprimer dynamiquement des champs d'emplacement basés sur des tableaux dans Vue JS

J'ai le code suivant qui accepte qu'un emplacement contenant un champ HTML soit répété : <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  571

Les composants de la page Nouveau routeur ne se chargeront qu'après avoir actualisé manuellement la page entière

J'ai ajouté un nouvel itinéraire et ajouté une animation pour passer au nouvel itinéraire. J'ai ajouté le code suivant qui poussera la nouvelle route (/first) lorsque vous cliquerez sur le bouton : /*FromtheTemplate*/<router-view@clickedNext1="onClickTransition"v-slot="{Component}&...

P粉986937457 2024-03-29 12:20:42 0  1  480

"Comment insérer des images dans l'en-tête du tableau dans vue.js 3"

J'utilise v-data-table de vue.js3 et je souhaite insérer une image dans l'en-tête du tableau. J'ai donc essayé de remplacer le modèle d'en-tête : <templatev-for="headerinheaders"v-slot:[`header.${header.value}`]="{headers}">{{header.text}}</template > Cette méthode fo...

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

Prenez la table de données v de Vuetify comme exemple pour implémenter la fonction de masquage conditionnel des colonnes

J'ai une table avec une colonne v-data-table et actions, je souhaite afficher cette colonne uniquement si l'utilisateur dispose de certaines autorisations. J'utilise un mixin pour vérifier les autorisations. J'ai essayé ce qui suit sans succès : &lt;templatev-slot:[`header.actions`]="{heade...

P粉775723722 2023-08-25 14:48:06 0  1  670

Je souhaite inclure un fichier lame d'en-tête dans mon modèle, mais je reçois toujours une erreur "variable non définie $ slot".

Je rencontre actuellement un problème avec le modèle Blade de Laravel. J'ai réussi à créer un fichier modèle et à l'étendre sur différentes pages. Cependant, lorsque j'essaie d'inclure l'en-tête et le pied de page dans le modèle Blade enfant, je rencontre un message d'erreur « L'emplacement variable...

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

Emplacements de portée Vue 3/Nuxt 3 avec des types de données génériques déduits des accessoires

Je souhaite implémenter un composant carrousel dans Nuxtv3. Ce composant reçoit une liste d'éléments. Ce composant implémente uniquement la logique, pas le style ou la structure. Maintenant, voici mon composant : composants/tdx/carousel.vue<template><div><slotname="last">...

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

Comment gérer les emplacements dans Vue3 et Storybook 7

J'essaie de transmettre un composant (UIButton) comme emplacement dans un autre composant (UICard) dans l'histoire ButtonAsSlot. Dans l'histoire de ButtonAsSlot, je passe default:'', comme args.default, donc il sera passé dans le slot. Ce serait formidable si je pouvais transmettre une histoire exis...

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

Migration de Vuetify 2 vers 3 : remplacez les styles supprimés .v-application/rounded/flat

J'essaie de passer de Vuetify/Vue2 à 3. Je ne suis pas un développeur front-end, je suis juste responsable de la mise à niveau d'un ancien code pour le maintenir fonctionnel. Malheureusement, le guide de migration semble supposer certaines connaissances de base en CSS et ne fournit pas d'exemples su...

P粉258083432 2023-09-01 22:27:02 0  1  724

Passer des données aux composants à l'aide de directives personnalisées dans Vue3 : un guide

Je souhaite obtenir ce comportement <simple-componentv-layer="'pizza'"/> en utilisant une directive personnalisée, en passant 'pizza' au composant et pouvoir l'utiliser dans mon SimpleComponent. L'idée est ensuite de le mettre dans la portée parent supérieure (via v-slot), c'est de l...

P粉407936281 2024-03-26 22:46:44 0  1  477

javascript - Le code pour modifier l'image de la boîte dans la liste déroulante.

Désolé pour la partie corps de la partie js ci-dessus, je ne sais pas pourquoi je ne peux pas copier le code, donc je ne peux poster que des photos.

阿神 2017-05-19 10:41:50 0  2  724

Comment ionic2 utilise-t-il les styles d'iOS sur la plateforme Android

Les styles par défaut des composants Android sont trop laids. Comment puis-je utiliser les styles par défaut d'iOS sur la plateforme Android ?

ringa_lee 2017-05-19 10:41:51 0  1  630

javascript - Existe-t-il un excellent outil de point d'arrêt sur NPM?

Un outil qui est un sur-ensemble de console.log, comme dump sur PHP composer ?

曾经蜡笔没有小新 2017-05-19 10:41:53 0  1  545