Vue.Js 의$watch()방법 요약

머리말
최근 에 회사 에서 vue 프레임 워 크 로 상호작용 을 써 서 별로 써 본 적 이 없 지만 많은 데이터 가 양 방향 으로 연 결 된 동 동 은 angular 와 비슷 합 니 다!그래서 손 이 빨 라 요!하하.
오늘 vue 문제 만 났 네!!제품 수 요 는 datetime pick 시간 선택 기 가 시간 을 바 꾸 자마자 ajax 에서 데이터 렌 더 링 도 표를 다시 가 져 오 는 것 입 니 다.간단 한 수요 입 니 다!angula ng-change 감청 inpu 프레임 으로 분 별로 해결 하 세 요!특 짜 js 원생 on-change 로 도 1 분 안에 끝내 야 지!문 제 는 니 마 의 Vuejs 가 input 상자 에 change 이벤트 가 없다 는 것 입 니 다!니 마 갱 아버지 야!제 가 못 찾 았 는 지 모 르 겠 어 요.어차피 api 에 없어 요.골 레 는 반나절 동안 없어 요.있 으 면 댓 글로 알려 주세요.감사합니다!)
반나절 동안 api 를 뒤 져 서 마지막 에$watch()방법 을 바 꿔 서 이 수 요 를 해 결 했 습 니 다.저 는 방법 을 다음 과 같이 정 리 했 습 니 다.$watch()는 특정한 값(양 방향 연결)의 변 화 를 감청 하고 변화 가 발생 하면 따옴표 안의 방법 을 호출 하여 change 사건 감청 효 과 를 얻 었 습 니 다!
예제 코드


var v_assetManage_controller = new Vue({ 
 el: '.LSee-index', 
 data: { 
  trendQueryTimeCtr: { 
   startTime: '', 
   endTime: '' 
  } 
 }, 
 ready: function() { 
  // 
 }, 
 methods: { 
  queryTrendData: function(){ 
   //do some here 
  } 
 }, 
 watch: { 
  'trendQueryTimeCtr.startTime': 'queryTrendData', 
  'trendQueryTimeCtr.endTime': 'queryTrendData' 
 } 
 
});

총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 에 게 공부 하거나 vue.js 를 사용 하 는 데 어느 정도 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

[백견불여일타/Vue.js] 4장 - 입력 폼 데이터 가져오기

v-model 데이터 입력 select 지난 장에서는 v-bind를 이용해서 HTML 태그 속성 값을 Vue로 다루는 법을 배웠습니다. 이번에는 사용자가 입력한 데이터를 Vue로 가져오는 법에 대해 다룹니다. 웹 페...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다