Le présent document décrit des exemples d''utilisation l''utilisation des composants d''entrée de forme vue d''événement personnalisé.Partager vous pour votre référence, comme suit:

　　Les événements personnalisés peuvent être utilisés pour créer les entrées de formulaire de composants personnalisés, en utilisant le v-modèle pour réaliser des données dans les deux sens de liaison.

　　v-modèle principe de mise en ?uvre:

　　

　　Ceci est juste du sucre syntaxique à l''exemple suivant:

　　

　　v-bind: value = "quelque chose"

　　v sur: entrée = ? quelque chose = $ événement.cible.valeur ? >

　　Dans les projets de développement, lorsqu''ils sont confrontés à des données de date, sont souvent remontent à un type de données long, et l''affichage de l''avant à un type de date, lors de l''utilisation du v-modèle, besoin de le convertir, afin de simplifier le processus de conversion, qui mettent en ?uvre sur mesure Date composant d''entrée qui re?oit des données de type longue date est affichée en tant que type de date, dans les deux sens lié par v-modèle

　　composante entrée date personnalisée Code de mise en ?uvre:

　　Rendez-vous.composants Vue

　　

　　

　　Instructions

　　

　　

　　les exigences du projet, sous la forme composante monétaire, les utilisateurs entrent un numéro, ajoutez un séparateur virgule pour automatique, et ne peuvent entrer des chiffres après la virgule décimale jusqu''à deux restrictions, mis en place une composante monétaire personnalisée

　　Devise personnalisée Code de mise en ?uvre des composants:

　　devise.composants Vue

　　

　　

　　Instructions

　　

　　

　　exemple images

　　

　　Dans un premier temps n''a pas compris

　　événements d''entrée de composants personnalisés dans la limite

　　this.$emit(''input'',$api.getLong (valeur)); || cette.$emit(''input'', value);

　　Sens

　　Pourquoi les événements d''entrée doivent déclencher l''événement d''entrée, ce n''est pas encore à l''origine de l''appel du cycle, et plus tard dans l''étude approfondie,

　　Ils comprennent, $ fonction d''événement emit est utilisé pour déclencher les sous-ensembles de composants parents, de sorte que l''événement d''entrée est ici pour appeler le composant parent de la composante de l''événement d''entrée

　　

　　v-modèle = "guaranteeBeginDay" /> ||

　　name = "argent" v-modèle = "argent" />

　　Le composant parent de l''événement d''entrée est la réalisation du principe de v-modèle

　　

　　v-bind: value = "quelque chose"

　　v sur: entrée = ? quelque chose = $ événement.target.valeur ? >

　　Ainsi, les événements d''entrée déclencheront composant parent de sous-ensemble d''entrée de l''événement, puis modifier les données de données Vue, les données de données change déclencheur pour mettre à jour l''affichage des données de la page.

　　Dans cet article, nous espérons que la vue.js programmation aide.

　　Vous pouvez également être intéressé par l''article: noeud.les événements de déclenchement d''événements js analysés en utilisant le procédé de l''exemple Vue événements personnalisés (détaillé) VUE DOM exécuté après les événements événement méthode de chargement vue personnalisée sous-ensemble utilisé sur mesure pour transmettre des données à composant parent Vue Discussion.js composants v sur la compréhension des événements Vue bind personnalisés.définition de formulaire js à partir d''un composant méthodes entrée d''événement Vue.Il illustre une fonction de communication de js d''événements personnalisés montage détaillée des composants événements personnalisés à partir du n?ud Vue.événement déclencheur js à Vue personnalisée explication événement profondeur

événements Vue utilisation personnalisés forment utilisation des composants d''entrée détaillés des composants et des assemblages [date] monnaie

Recommend Article：

Relate Article