v-model="test"
test: '',
然后再子组件绑定一个model,里面有俩个属性,prop是传回的值,msg是传回的数据,cc是自定义事件
model: { // 使用model, 这儿2个属性,prop属性说,我要将msg作为该组件被使用时(此处为aa组件被父组件调用)v-model能取到的值,event说,我emit ‘cc’ 的时候,参数的值就是父组件v-model收到的值。
prop: 'msg',
event: 'cc'
},
props: ['msg'],
this.$emit('cc', this.imageUrl)
使用。sync
在父组件的子组件身上绑定v-model=变量,然后在data里声明,变量就是子组件传回来的值
:snyc-test.sync="test"
// 把头像地址 给子组件显示出来
this.test = res.data.staffPhoto
this.userInfo.staffPhoto = this.test
子组件使用自定义事件触发
this.$emit('update:snycTest', this.imageUrl)
//这儿是关键 update:snycTest 自定义事件会告诉父组件将父组件的 test值改为this.snycTest+1,并传回给子组件。