天天看點

子元件未渲染頁面的傳入值。

例子:

頁面在onLoad() 調用接口。(有延遲)

接口傳回值,将值通過資料綁定傳遞給子元件。子元件在mounted() 中拿到值并渲染。

(問題來了。萬一調用接口的資料傳回太慢了,在接口傳回資料還沒之前,子元件的mounted()已經開始運作了。由于mounted()中方法隻會運作一次,即使頁面之後擷取到了接口的值并賦給子元件,子元件頁面也不會重新渲染展示資料。)

是以。需要讓子元件知道這個值已經有了,再初始化并渲染。

這裡,可以使用v-if 配合一個flag來控制子元件的渲染狀态。 flag預設為false,隻有當接口資料拿到并已經将需要的資料綁定給了子元件,才将flag置為true。則子元件可正确顯示資料。

否則,就看天了。。o((⊙﹏⊙))o.