最代码广告位
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组件之间的传值


打赏
最近浏览
cmc520 LV11小时前
星星
凌小云 LV5前天
月亮星星
lzy6312 LV12前天
月亮月亮月亮
johnkinna5月30日
暂无贡献等级
清欢hello LV25月28日
星星星星
庭前的花开了 LV45月28日
月亮
hexiujiang LV155月27日
月亮月亮月亮星星星星星星
1637068135 LV25月27日
星星星星
xxxying001 LV25月26日
星星星星
glennwei LV15月26日
星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友