鍍金池/ 問答/HTML/ vue 父給子組件傳值 ,子組件打印為空

vue 父給子組件傳值 ,子組件打印為空

clipboard.png
父組件傳了幾個值
在html for循環(huán)渲染沒問題 能出來

clipboard.png
但是我此時要在子組建的mounted用到這個數(shù)組
打印的出來是空的 但是html是可以循環(huán)出來值的

clipboard.png

但是我隨便修改一下無關緊要的東西保存一下 這個值就會出現(xiàn)了
怎么第一次就能接收到它呢??
我沒接收到他 為什么html能渲染出來這個值??
求大神解答

clipboard.png
同樣一起傳過來的數(shù)據(jù) 數(shù)組顯示不出來 字符串就有值

回答
編輯回答
奧特蛋
  1. 用 watch 獲取值
  2. 用 computer 頁面中展示
2017年7月7日 23:47
編輯回答
傻丟丟

watch 監(jiān)聽 peopleLsita,在watch中,使用 this.$nextTick()

2018年3月27日 17:36
編輯回答
若相惜

你傳遞過來的這個值你確定在父組件以開始渲染的時候就有值嗎?是不是值是你后來賦上去的或者從接口獲得的?你可以用 vif 控制一下當這個值沒有的時候不要渲染你的組件。

2017年10月30日 07:15
編輯回答
久不遇

你可以這么寫:peopleLisita.sync="peopleLsit" 這樣寫是為了實現(xiàn)父組件和子組件的通信

2017年4月18日 10:00
編輯回答
巫婆

前后渲染的問題,做下判斷

2017年7月15日 12:58
編輯回答
命于你

子組件掛載的時候,這個peopleLsita在父組件里也是為空的,后來父組件做了類似請求之類的工作后,更新了這個peopleLsita,然后往子組件傳遞,所以一開始掛載的時候是peopleLsita是空,后來才有值,所以html看起來能渲染出來,實際它之前渲染過一次空的了,只不過兩次時間間隔可能比較短。

2018年9月21日 14:27
編輯回答
半心人

您好請問你這個問題是怎么解決的,我也遇到同樣的問題了

2017年12月15日 19:57
編輯回答
喜歡你

是不是子組件給定義了data

2017年12月1日 12:00
編輯回答
憶往昔
watch: {
      peopleLisita (val, oldVal) {
        if (val !== oldVal) {
          dosomething...
        }
      }
    },
2018年6月15日 06:00