Vue子组件向父组件传值

子组件

props: {
     props:['childdata'], //  定义在父组件中的变量
  },


 methods: {
 this.$emit("getchilddata", data)   // getchilddata  父组件中使用的指令名
 }

父组件
在父组件中引入子组件

<childbody @getchilddata="getchilddata" ></childbody>

data() {
    return { 
     childdata:"",
    }
methods:{
         getchilddata(data){   // 接受从自组件传过来的值
             console.log('从子组件传过来的值' + data )       
          },
      }
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页