watch in vue 사용 예(청취 객체, 데이터 연결)

본 글의 내용은 Vue에서의 watch 활용 사례(모니터링 객체, 데이터 연동)에 대한 내용으로, 필요한 친구들이 참고하시면 좋을 것 같습니다.

객체의 요소가 변경되면 객체의 다른 요소를 결정하고 값을 할당합니다.

<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>

관련 권장 사항:

Vue 데이터 모니터링 방법 watch_vue.js 사용

vue 작은 예 데이터 모니터링 및 데이터 상호 작용

위 내용은 watch in vue 사용 예(청취 객체, 데이터 연결)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!