vue传参——父传子

方法一：

通过ref属性，父组件调用子组件的方法，把要传的数据作为参数传给子组件，子组件获取该参数，并使用。

父组件：

//第一步：添加ref属性
<project-content ref="project_page"></project-cont>


//第二步：调用子组件的方法
this.$refs.project_page.getBuyStatus(status);

子组件：

getBuyStatus(val){
    console.log('val值为父组件所传过来的参数')
}

方法二：

通过props传值

父组件：

//status前者应与子组件中接收参数同名，后者status为所传值
<project-content :status="status"></project-cont>

子组件：

//在props中接收参数
props:{

    status:Number

}

 

标签：传参,status,vue,getBuyStatus,参数,父传子,props,组件,ref
来源： https://www.cnblogs.com/dreamstartplace/p/14872439.html