亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue怎樣根據條件判斷是否傳props

Vue怎樣根據條件判斷是否傳props

滄海一幻覺 2019-01-29 23:04:54
<customeComponet     :propA="needPropA ? dataA : null"> </customeComponet> ···data () {    return {         dataA: {},         needPropA: false     } }現在的問題是 當不滿足needPropA的時候,直接不傳propA,除了寫兩次customComponent然后用v-if控制這種方法還有沒有其他處理的辦法?
查看完整描述

2 回答

?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

在vue里不傳和傳undefined是等價的,子組件定義的props父組件不傳也會被枚舉到(值為undefined,剛剛測試)

查看完整回答
反對 回復 2019-01-29
?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

樓上說的對,這個問題的核心不在于 是否傳遞prop,而在于 某個prop不傳時如何處理,樓主已經貼出來的代碼已經基本實現了,對于子組件因為 prop 有值的時候傳遞需要處理,這個邏輯是必須的,所以代碼是一定指定了接受相應 prop 并做處理,只需要再添加當值為 undefined/null 的兼容處理邏輯就行。

查看完整回答
反對 回復 2019-01-29
  • 2 回答
  • 0 關注
  • 3736 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號