最代碼廣告位
cthxfa的gravatar頭像
cthxfa2020-04-14 10:41:37
vue組件之間的傳值

一. 父組件向子組件傳值

1. 在父組件中

<baseInfo :id='nodeId'></baseInfo> (baseInfo 為子組件,id為參數名,nodeId為父組件的變量名)

2.子組件中

vue組件之間的傳值

id 即為父組件傳來的參數(id也是子組件的變量名),可以打印出變量名id,即可顯示父組件傳來的值

————————————————————————————————————————

二.子組件向父組件傳值

1.父組件中

 

v-on:selectedBlock='setBlockList' (selectedBlock 為子組件傳來的參數名,setBlockList 為 父組件的方法)其實就是通過調用父組件的方法來接收子組件傳來的值

vue組件之間的傳值

val 就是子組件傳來的值(可以自定義命名)

2.子組件中

1.調用 this.$emit( 參數名,值) 方法向父組件傳參。

vue組件之間的傳值


打賞
最近瀏覽
1006083927 LV4前天
月亮
cmc520 LV16月4日
星星
凌小云 LV56月2日
月亮星星
lzy6312 LV126月2日
月亮月亮月亮
johnkinna LV15月30日
星星
清歡hello LV25月28日
星星星星
庭前的花開了 LV45月28日
月亮
hexiujiang LV155月27日
月亮月亮月亮星星星星星星
1637068135 LV25月27日
星星星星
xxxying001 LV25月26日
星星星星
頂部客服微信二維碼底部
>掃描二維碼關注最代碼為好友掃描二維碼關注最代碼為好友
海王捕鱼2内购破解版