普通的传值这里就不讲了
场景需求:需要将动态获奖的名单给传到子组件里面显示
适用所有参数值得传递
方法一:
父组件代码:
<winner ref='winner'></winner>
//传值
this.$refs.winner.getList(ret) //method方法里面点击事件操作里面写入;具体看需求
子组件代码:
data () {
return {
list:[]
}
},
methods:{
getList(data){
this.list =data;
}
},
方法二
父组件代码:
<winner ref='winner'></winner>
//传值
this.$refs.winner.list = ret;
子组件代码:
data () {
return {
list:[]
}
},
注意:
父元素使用ref时 如果在created钩子函数使用时一定要这样使用:
created: function() {
this.$nextTick(() => {
this.$refs.winner.list = ret;
})
}