0
点赞
收藏
分享

微信扫一扫

父组件向子组件传值,ref的实际应用

先在父组件中引入子组件页面:

import ColorManager from './ColorManager.vue'
 
 
export default {
	components: {
		ColorManager
	},
}

子组件页面定义了beforeDel方法,现父组件传值到该方法中的参数中去

父组件页面通过ref的值进行传递,这里ref后面的取名是整个项目(全局)唯一的

<ColorManager v-show="!showColor" @showColor="beforeShowColor" ref="colormanage"/>

在父组件中的methods中:

beforeShowColor() {
            let data = { }
			this.$refs.colormanage.beforeDel(data)
		},

此时传递的data为空对象,可在页面的F12中查看到。

举报

相关推荐

0 条评论