Vue 의 nextTick 을 사용 하 는 방법 을 정확하게 이해 합 니 다.

2139 단어 전단
'Vue.nextTick(callback)'데이터 가 변 하면 업데이트 후 리 셋 을 실행 합 니 다.
`Vue.$nextTick(callback)`,dom 에 변화 가 생 겼 을 때 업 데 이 트 된 후 실 행 된 리 셋 입 니 다.
실례:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    "demo" >     
  • for = "item in list" >{{item}}
  •  
    new   Vue({      el: '#demo' ,      data:{          list=[0,1,2,3,4,5,6,7,8,9,10]      },      methods:{          push: function (){              this .list.push(11);              this .nextTick( function (){                  alert( ' ' )              });              this .$nextTick( function (){                  alert( 'v-for ' )              })          }      }})

좋은 웹페이지 즐겨찾기