Exemples d'utilisation de watch in vue (objets d'écoute, liaison de données)

Le contenu de cet article concerne les exemples d'utilisation de watch dans Vue (surveillance d'objets, liaison de données). Il a une certaine valeur de référence. J'espère que cela vous sera utile.

Lorsqu'un élément de l'objet change, déterminez un autre élément de l'objet et attribuez une valeur

<template>
　　<input type="text" v-model="a.a1.a12"/>{{a.a1.a12}}
　　<input type="text" v-model="a.a2.a22"/>{{a.a2.a22}}
</template>
<script>
　　data(){
　　　　retrun{
　　　　　　a:{
　　　　　　　　a1:{
　　　　　　　　　　a12:12
　　　　　　　　},
　　　　　　　　a2:{
　　　　　　　　　　a22:15
　　　　　　　　}
　　　　　　}
　　},
　　watch:{
　　　　a:{
　　　　　　handler(val.oldval){
　　　　　　　　if(val.a1.a12<val.a2.a22){
　　　　　　　　　　val.a2.a22=val.a1.a12;
　　　　　　　　}
　　　　　　},
　　　　　　deep:true
　　　　}
　　}
</script>

Recommandations associées :

Utilisation de la méthode de surveillance des données Vue watch_vue.js

Un petit exemple de surveillance des données et d'interaction des données dans vue

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!