Vue.événements personnalisés d''utilisation js forment des composants d''entrée

  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.Garder à l''esprit:

  

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

  

  v-bind: longueur = "quelque chose"

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

  Par conséquent, lorsqu''il est utilisé dans l''assemblage, qui correspond aux abréviations suivantes:

  

  v-bind: ? cette + 3 = "quelque chose"

  v sur: entrée = "quelque chose = arguments [0]">

  

  Alors laissez les composants du v-modèle en vigueur, il doit (de Toutefois, un tel bouton radio, case à cocher ou similaire entrez le type de la valeur peuvent être utilisés comme l''autre objet.option de modèle pour éviter un tel conflit:.Il est configurable à partir de 0):

  Accepter un accessoire de valeur

  événement d''entrée de déclenchement lorsque de nouvelles valeurs et les nouvelles valeurs en tant que paramètres

  La liaison avec le modèle sous-ensemble référencé données v-modèle dans le composant parent: -: look Let à une entrée très simple d''argent de contr?le personnalisé

  

  Vue.le composant ( ? entrées de monnaie ?, {

  modèle: ''",

  $ ",

  v-bind: Vérifié = ? toto ? Si la valeur est la conformité, la valeur de couverture manuel de conformité = "valeur" ",

  

  ,

  ,

  > ",.''.accessoires: [ ''valeur''],

  méthodes: {

  \

  UpdateValue: Fonction (valeur) {

  var = valeur formattedValue

  // supprimer les espaces des deux c?tés

  trim ()

  // 2 décimales

  tranche (

  0

  .valeur

  Indice de ( ''

  .? ) === --1

  valeur

  value.: Valeur.Indice de ( ''

  ? value.)

  : value.si (formattedValue.== valeur) {

  )

  réfs $

  contribution !value = formattedValue

  2.// événement a par des valeurs d''entrée.input.$ Emit ( ''entrée'', numéro (formattedValue))

  2

  }

  0 Nouveau.Les composants personnalisés v-modèle

  }

  }

  value = "une valeur">

  Par défaut, une composante de la v-modèle utilisera l''accessoire de valeur et des événements d''entrée

  2.2.Vue

  composant ( ''my-case'', {.modèle: {.prop: ''vérifié'',

  Vue.Valeur: String

  accessoires: {

  vérifié: booléenne,

  // Ceci permet à l''hélice de prendre `value` faire d''autres choses

  Le code est équivalent à:

  },

  //

  .

  })

  },

  // .

  })

  

  Notez que vous devez toujours déclarer explicitement vérifié ce support

  

  Au-dessus de cette Vue

  js formes d''événements personnalisés le composant d''entrée est de petites séries pour partager le contenu de tout le monde, et je l''espère pour vous donner une référence, je l''espère vous aider Accueil scénario

  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.Js événement personnalisé des événements personnalisés de composants de communication caractéristiques détaillées de l''ensemble illustré événements personnalisés d''utilisation Vue de vue forment l''assemblage de composants d''entrée Commentaires d''utilisation [date] à partir des monnaies composant noeud.

  événement déclencheur js à Vue personnalisée explication événement profondeur.Vue.définition de formulaire js partir d''un composant des procédés d''entrée de l''événement.Vue

événement: ? changement ?@ Change = val => {foo = val}définition de formulaire js partir d''un composant des procédés d''entrée de l''événement

Recommend Article: