最亚虎娱乐官网广告位
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组件之间的传值


打赏
最近浏览
johnkinna12小时前
暂无贡献等级
清欢hello LV2前天
星星星星
hexiujiang LV155月27日
月亮月亮月亮星星星星星星
1637068135 LV25月27日
星星星星
xxxying001 LV15月26日
星星
glennwei LV15月26日
星星
1255542159 LV15月26日
星星
ZDMUser20205月25日
暂无贡献等级
Call Me 采先森 LV105月25日
月亮月亮星星星星
顶部客服微信二维码底部
>扫描二维码关注最亚虎娱乐官网为好友扫描二维码关注最亚虎娱乐官网为好友