一、Vue重新渲染頁面方法
Vue重新渲染頁面是非常常見的需求,對於一些組件的顯示及數據刷新,VueJS本身提供了一些方法和技巧。我們可以在以下場景中使用Vue重新渲染頁面。
- 在響應式數據變更後,我們需要強制Vue重新渲染組件或頁面
- 在特定情況下,例如使用setTimeout等異步代碼後,我們需要觸發Vue的重新渲染
- 在組件樹中,如果我們需要更新父組件,或者強制子組件重新渲染,我們也可以使用Vue重新渲染頁面
二、Vue拿到數據渲染不到頁面
在使用VueJS時,我們有時候會遇到這樣的情況:我們已經成功獲取到了我們指定的數據,但是這些數據卻並沒有在頁面上渲染。如果Vue拿到數據渲染不到頁面,可能是以下原因:
1. 對數據監聽不當
data () { this.list = [] } ... this.list = [...newArr]; // 不能看到變化 this.$set(this.list, [...newArr]); // 可以看到變化
2. 對於動態添加屬性沒有處理
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/207042.html