Maison  >  Article  >  interface Web  >  Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

不言
不言avant
2018-10-17 15:31:333713parcourir

Le contenu de cet article concerne l'ajout dynamique de données Vue et d'idées de liaison dynamique (images et textes). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Commençons par le cas

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

Tout d'abord, analysons-le Lors de la sélection d'un sujet, ce qui suit ajoute également le. réglage de la valeur de score complète du sujet.

L'idée d'écrire jquery avant : créer un nœud dom une fois coché, puis ajouter le nœud dom au nœud parent Le projet interagit de manière séparée, la valeur du score complet de. le sujet fixé C'est hors limites. Allez plus loin : liez d'abord toutes les entrées qui définissent la valeur du score complet, puis contrôlez l'affichage et le masquage. De cette façon, l'objectif est atteint, mais une fois l'option obtenue à partir de l'arrière-plan, une fois l'arrière-plan modifié, il sera modifié ici.

Exploiter pleinement l'idée de vue basée sur les données :

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

Extrait de code

1. Ce que fait cette fonction : Pour déterminer si le tableau contient la valeur transmise par la fonction, utilisez la méthode de parcours pour parcourir le tableau pour voir si la valeur sujet de l'objet dans le tableau est égale à la valeur transmise. est égal, cela signifie que le tableau contient cet élément, et cela signifie que ce sujet est déjà vérifié et qu'il doit être supprimé. Ici, la méthode splic (méthode de mutation de Vue) est utilisée pour le supprimer, en modifiant directement la valeur de. le tableau d'origine et envoyer Vue pour mettre à jour la vue.

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

2. Description : Définir le tableau de la boucle de valeur de score complet

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

3. Description : Ce tableau contient les données de la CheckBox ci-dessus

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

4.

Ajout dynamique de données Vue et idées de liaison dynamique (images et textes)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer