首先,Vue 的官方是不建議直接操作 DOM 的,其優勢在於視圖和數據的雙向綁定,而且所有DOM操作都可以用Vue實現,反而使用jQuery來操作DOM的話,會造成不必要的麻煩,DOM未渲染完成之前事件綁定不上,當然也有解決辦法,比如setTimeOut,但是何必呢?直接用Vue不是更方便嗎?
這里是用v-for循環渲染的列表,而之后要對列表進行DOM操作,代碼如下,初次渲染的時候沒有問題,事件可以正常綁定,但數據刷新兩次之后,就獲取不到DOM了,當然事件也無法執行。當然也可以用setTimeOut來解決,但總感覺怪怪的。
用vue來操作不是更好么?定義好完方法,直接@click就行了。