首页 > 其他分享 >vue 父子组件传值

vue 父子组件传值

时间:2022-09-02 21:13:30浏览次数:62  
标签:vue val 绑定 props 组件 传值

一、父传子    1. 父组件使用v-bind绑定一个变量variable(v-bind:变量名="值") <Invitation visible="dialogVisible" @getData="getdata" />       2. 子组件用props接收(与created同级) props: ["visible"]   二、子传父 1. 子组件使用this.$emit绑定一个事件和值 this.$emit("getData", this.data1);
2. 父组件使用@子组件绑定事件=新方法名
<Invitation v-bind:visible="dialogVisible" @getData="getdata" />   3. 父组件定义新方法名接收值 getdata(val) {
   console.log(val);
},  

标签:vue,val,绑定,props,组件,传值
From: https://www.cnblogs.com/ruby888/p/16651225.html

相关文章