一、父传子
1、新建一个子组件,
export defaut{
name:‘ClientEdit’,
}
2、在父组件引入,
import ClientEdit from ‘./EditPerson’
// 注册
components:{
ClientEdit
}
// 使用
<client-edit v-if=“editFalg” :isEditFalg =“editFalg” @closeEditInfo=“closeEditInfo”
:userInfo=“userInfo” @submitEditInfo=“submitEditInfo”>
其中大写变小写,拆分下词组。
父传子:看**:isEditFalg ="editFalg"或者 :userInfo="userInfo"
3、在子组件
props: [“isEditFalg”,“userInfo”],
使用:
data:{
userInfo:this.userInfo
}
或者在页面直接{
{userInfo}},
methods:{
fn(){
console.log(this.userInfo)
}
}
二、子传父
利用this.$emit(‘closeEditInfo’,this.dialogVisible)**,函数名+data(需要传的值)
1、确定需要传的值,