ctwzya的gravatar头像
ctwzya 2020-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组件之间的传值


打赏
最近浏览
水光浮藻  LV6 2022年8月2日
hkxyyz  LV6 2022年5月11日
wangdongtai  LV31 2021年2月6日
JankinWang5  LV1 2020年10月19日
912299793  LV21 2020年10月10日
admin1021  LV6 2020年7月24日
zzyala  LV6 2020年7月20日
anle163 2020年7月10日
暂无贡献等级
wkc  LV21 2020年6月28日
root123asd  LV8 2020年6月27日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友