vue父组件获取子组件的值,子组件表单传值给父组件

vue父组件获取子组件的值,子组件表单传值给父组件

import Header from './Header.vue'; export default { name: 'HelloWorld', data () { return { msg: '首页父组件' } }, methods:{ getChildData(){ console.log(this.$refs.heade //父组件点击事件clickFunc(){//若更新子组件里a的值this.$refs.son.a='xx';//若调用子组件里b

方法一：给相应的子组件标签上加ref = “avatar”父组件在最后提交的时候获取this.$refs.avatar.相应数据即可，因为在这里才能保证图片已经上传，否则如果图片没上传，拿到的父组件：这里通过给子组件绑定ref属性，引号中的命名自定义，然后父组件通过this.$refs.名字.变量名就可以获得子组件中的值1 2 3 4 5 6