Composant de case à cocher personnalisé Vue 3 lié à un tableau de valeurs sélectionnées

J'ai essayé de créer un composant simple avec une case à cocher stylée et une étiquette correspondante. Les valeurs (chaînes) de toutes les cases sélectionnées doivent être stockées dans un tableau. Cela fonctionne pour les cases à cocher HTML : <template><div><divclass="mt-6&quo...

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

Changer l'image via la fonction onclick()

Je souhaite changer une image en une autre en cliquant sur l'objet. Le code est empilé dans l'ordre suivant : Ce que je veux, c'est que lorsque je clique, l'image soit remplacée par une version colorée de l'image, c'est à dire une autre image. Maintenant, je sais que je peux le faire en utilisant JQ...

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

javascript - Problèmes liés à la désactivation de la sélection et de la copie de texte

Le style est le suivant {code...} La structure html est la suivante {code...} Certains éléments ont été sélectionnés pour désactiver cet article. Lors de la sélection d'un élément individuellement, la sélection peut en effet être désactivée, et le. le contenu ne peut pas être copié, mais si vous uti...

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

Utilisation de Tailwind CSS pour modifier le style d'un div parent en réponse à l'état sélectionné d'un bouton radio

J'ai un tableau avec plusieurs colonnes et un bouton radio par ligne. Je dois changer la couleur d'arrière-plan de toute la ligne lorsque je sélectionne un bouton spécifique. Est-ce réalisable ? {{user.email}}{{user.name}} Dans Tailwind, vous pouvez utiliser la classe "peer" pour styliser ...

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

javascript - Comment dois-je optimiser le code que j'ai écrit pour convertir les données d'objets en nœuds DOM?

Présentons brièvement l'idée : ajaxez l'objet, puis créez l'objet en séquence de l'enfant au parent, définissez les styles et ajoutez des niveaux. Ensuite, le code ressemble à ceci : {code...} C'est tout. . . Comment optimiser ? La prise en charge d'ES6 par le front-end n'est pas idéale, les modèles...

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

Existe-t-il un sélecteur de parents CSS ?

Comment sélectionner un élément qui est le parent direct d'un élément d'ancrage ? Par exemple, mon CSS devrait ressembler à ceci : li&lt;a.active{property:value;} Il existe évidemment des moyens d'y parvenir en utilisant JavaScript, mais j'espère qu'il existe une sorte de solution de contourneme...

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

Le stockage de listes délimitées dans des colonnes de base de données est-il vraiment si mauvais ?

Imaginez un formulaire Web avec un ensemble de cases à cocher (une ou toutes peuvent être sélectionnées). J'ai choisi de les enregistrer dans une liste de valeurs séparées par des virgules et stockées dans une colonne de la table de la base de données. Maintenant, je sais que la bonne solution consi...

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

Bibliothèque de composants React + modularité SASS

Je commence à développer une bibliothèque de composants React et j'aimerais réutiliser du code SCSS que nous partageons avec d'autres projets non-React. Pour y parvenir, j'essaie d'utiliser un module SASS dans un composant React. Un cas d'utilisation simple fonctionne bien, mais je crée une biblioth...

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

La clause de commande dans la requête prend trop de temps de chargement MySQL

Je suis coincé dans une situation où j'ai des millions d'enregistrements et où j'ai besoin de connexions différentes pour les mêmes enregistrements. Les conditions de commande comportent également des parties délicates. Si je n'applique aucun tri, ma requête donne des résultats rapides. Mais lors de...

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

Développement d'un framework QueryPHP, publié en décembre de cette année

QueryPHP v1.0.0-beta.5, cette version améliore principalement ORM et optimise beaucoup de détails. À propos de QueryPHP QueryPHP est un framework de coroutine progressif PHP moderne et performant. Nous sommes toujours principalement orientés vers les scénarios PHP-FPM traditionnels, avec pour missio...

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

Le sélecteur CSS recherche un sous-ensemble d'entités basé sur le filtre de classe

J'ai un tableau qui contient un ensemble de lignes représentées, et dans cet ensemble de tableaux, certaines lignes ont une catégorie « cliquable ». Ce que j'essaie de faire, c'est d'appliquer un style à chaque ligne impaire comportant une catégorie "cliquable". J'ai essayé différents séle...

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

Existe-t-il un sélecteur de parents en CSS ?

Comment sélectionner l'élément &lt;li&gt; qui est le parent direct de l'élément d'ancrage ? Par exemple, mon CSS pourrait ressembler à ceci : li&lt;a.active{property:value;} Évidemment, il est possible d'y parvenir en utilisant JavaScript, mais j'espérais une solution de contournement na...

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

Personnalisez l'apparence de Select2 Dropdown

Dans mon cas, j'utilise select2Combobox pour mon menu déroulant. Ici, lorsque la sélection du pays change, je transmets cet identifiant sélectionné au résultat JSON et j'obtiens le résultat, attribué à la liste déroulante Province. Lorsque cela se produit, la vue déroulante passe des bords arrondis ...

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

Aperçu du cours pédagogique du 20 septembre 2018 : Bases et pratique du framework Bootstrap

1. Sujet d'enseignement : Bases et pratique du framework Bootstrap Bootstrap est le framework HTML, CSS et JS le plus populaire, utilisé pour développer une mise en page réactive et des projets WEB axés sur les appareils mobiles. Bootstrap est conçu pour tous les développeurs et tous les scénarios d...

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

Le sélecteur parent existe-t-il en CSS ?

Comment sélectionner l'élément &lt;li&gt; qui est le parent direct de l'élément d'ancrage ? Par exemple, mon CSS pourrait ressembler à ceci : li&lt;a.active{property:value;} Évidemment, il est possible d'y parvenir en utilisant JavaScript, mais j'espérais une solution de contournement na...

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

Comment représenter l'héritage dans une base de données ?

Je réfléchis à la façon de représenter des structures complexes dans une base de données SQLServer. Prenons l’exemple d’une application qui doit stocker des détails sur une série d’objets partageant certaines propriétés mais possédant de nombreuses autres propriétés inhabituelles. Par exemple, un pa...

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

Composant API de composition vue 3 avec un tableau de cases à cocher et tout basculer

Nous avons décidé de passer progressivement du knock-out à l'utilisation de l'API de composition Vue3 de TypeScript, et j'essaie de comprendre l'anti-modèle des accessoires en mutation. J'ai un composant fonctionnel qui fait le travail prévu, mais fondamentalement, je veux confirmer que la façon don...

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

Comment adapter le menu hamburger à toute la page dans React JSX

Je suis très nouveau sur Reactjsx, j'utilise Tailwind et c'est très bien. J’apprends aussi au fur et à mesure. Ainsi dans ma navigation je parviens à afficher des menus hamburgers mais je n'aime pas la manière dont ils sont affichés. J'essaie de m'assurer que toute la page est remplie de blanc, voir...

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

Méthodes de résolution du problème 2003 (HY000) : Impossible de se connecter au serveur MySQL 'db_mysql:3306' (111)

J'ai récemment essayé de conteneuriser mon serveur FastAPIPython (également à des fins de réplication/doublement). Avant, je n'avais qu'un serveur MySQL dans un conteneur Docker et tout allait bien, mais lorsque j'ai également fait de mon serveur Web un service, il ne pouvait pas se connecter au ser...

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

Expérimentez le tri après la limite de requête

C'est donc ma première question ici, pardonnez-moi si quelque chose ne va pas. J'essaie de faire une requête de tri basée sur des contraintes. Il existe donc une table Clients avec 90 enregistrements. Je souhaite d'abord effectuer une requête limitée à 3 enregistrements, puis trier les résultats de ...

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