鍍金池/ 問答/HTML/ vue props傳遞數(shù)組子組件獲取不到

vue props傳遞數(shù)組子組件獲取不到

在子組件定義了srcList

 props:{
            width:Number,
            height:Number,
            name:String,
            size:String,
            srcList:Array,
            multiple:Boolean
        },

父組件傳進去一個數(shù)組,

<FormItem label="上傳商品圖" class="ivu-form-item-required">
  <uploadImg :width="200" :height="200" name="productImage" size="750px*750px" ref="productImage" :srcList="this.productImage"></uploadImg>
</FormItem>

這個數(shù)組在父組件是可以打印出來的,傳入子組件中,子組件打印不出來,但是其他props都可以打印出來,請問是什么原因呢?

clipboard.png

clipboard.png

我好像找到了原因,但是還不知道該怎么解決,父組件中定義的這個數(shù)組默認(rèn)為空,值是在created鉤子函數(shù)中axios獲取到的,所以傳入子組件的是data里定義的空數(shù)組。

this.productImage=res.data.cover;

子組件用watch監(jiān)聽里一下,輸出的當(dāng)前的值是 數(shù)組,之前的值是空,但是組件中用到的該變量依然打印為空。

clipboard.png

clipboard.png

回答
編輯回答
怣痛

srcList這個寫錯了吧,在通過props傳值的時候,鍵名不能用駝峰命名方式,也不能用src-list模式,直接這樣命名吧srclist

2017年7月30日 08:16
編輯回答
掛念你

你好,請問怎么解決的

2017年12月29日 19:05
編輯回答
維他命

你注意下先后順序。。。
可能是你先調(diào)用了用到srcList的方法。。。
你可以watch srcList
變化的時候在這里調(diào)用用到srcList的方法


如果你只是為了能夠console出來
那就在子組件里watch srcList
再 console.log(this.srcList)


srcList不要用駝峰,這樣寫

:src-list="this.xxx"

2017年3月29日 01:08
編輯回答
厭惡我

兄弟你要傳入的到底是啥?你綁定的:srcList 你在父組件里打印的也是this.srcList 但是你傳入的為什么是this.productImage 不應(yīng)該是srcList嗎

2018年5月24日 22:51
編輯回答
萌小萌

可以嘗試一下computed計算屬性,或許可以解決

2017年6月3日 17:12