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 }

 

posted @ 2021-06-10 19:11  最初的样子  阅读(870)  评论(0编辑  收藏  举报