使用环境说明:
父子组件相互传值
父组件:
<attention
v-model="articlecontent.is_followed"
:user_id="articlecontent.aut_id"
/>
子组件:
props:{
//这个参数接受的是接口内的关注的状态
value:{
type:Boolean,
required: true
},
}
如果修改接收的值的话需要:
this.$emit('input',参数)
这里说名一下,为什么是接收的是value,修改的时候是修改input的事件
其实,vue内部默认定义的
vue 官方给出的解释:
<input :value="searchText" @input="searchText = $event.target.value" />
等价于
<custom-input
:model-value="searchText"
@update:model-value="searchText = $event"
></custom-input>
自定义接收的props的名字和修改的事件名字
model:{
//接收props的名字
prop:'isFollowed',
// 修改稿事件名字
event:'update-is_follow'
}