vue父组件触发事件改变子组件的值的方法实例详

<ProgressTwo ref="progressTwo" v-else-if="progress==2" @second="recordProgress"></ProgressTwo> //这是子组件
 goSecond: function(){  //这是操作子组件的方法
  this.$refs.progressTwo.second = true
  this.second = false
}

<div>
  <NotFound v-else :searchThing="search"></NotFound> //search是父组件要传的值
</div>

props:{
  searchThing: String  //也可以给它一个默认值 （defaultAddress: {Type: Object,default:()=> 'default'}）
},

gotoPay: function(){
  this.$emit('second',data) //data是你要向父组件传的值（可传可不传看需求）
}

<ProgressTwo ref="progressTwo" v-else-if="progress==2" @second="recordProgress"></ProgressTwo>

recordProgress: function(val){  //val用于接收子组件传过来的值
      if(val==true){
        this.second = val
      }else{
        if(val==false){
          this.progress = 3
        }else{
          this.progress = 1
        }
      }
    },