在父页面中,我们使用了自定义的子页面,这时候我们需要将父页面的id传输给子页面。可以自定义一个绑定事件在子组件上,例如:
父页面:
<basicMsg :id="id" ></basicMsg>
basicMsg为我的自定义子组件名称,引号内为需要传输的值。这里我传输的id为data内定义的id。
子页面:
使用props来接收父组件传输的数据,props定义在与data同级。
这里也可以给接收的数据进行一个简单的数据类型判断。
例如:str为string类型,str1为object类型。
props: {
str: String,
str1: Object
},
子页面向父页面传值可以看另外一篇文章:
子页面向父页面传值

本文介绍在Vue中如何从父组件向子组件传递数据。通过在子组件上定义绑定事件,父组件可以将id等信息传递给子组件。子组件则使用props来接收这些数据,并可进行数据类型的判断。
1632

被折叠的 条评论
为什么被折叠?



