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
}