VUE,父页面向子页面传值。

it2023-09-04  90

在父页面中,我们使用了自定义的子页面,这时候我们需要将父页面的id传输给子页面。可以自定义一个绑定事件在子组件上,例如: 父页面:

<basicMsg :id="id" ></basicMsg>

basicMsg为我的自定义子组件名称,引号内为需要传输的值。这里我传输的id为data内定义的id。

子页面: 使用props来接收父组件传输的数据,props定义在与data同级。 这里也可以给接收的数据进行一个简单的数据类型判断。 例如:str为string类型,str1为object类型。

props: { str: String, str1: Object },

子页面向父页面传值可以看另外一篇文章: 子页面向父页面传值

最新回复(0)