vue 利用v-modle 给子组件传值

使用环境说明:
     父子组件相互传值
父组件:
 <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'
   }

 

 

 

posted @ 2022-04-02 18:01  嘉琦  阅读(404)  评论(0)    收藏  举报