vue父子组件的数据传递示例

2.子组件向父组件传递数据

在子组件中选择条件后，在父组件中执行搜索功能

<p class="task-btn">
  <p @click="clear()">清空</p>
  <p @click="confirm(modalData)">搜索</p>
  //modalData是需要向后台发送的数据
</p>

export default{
  props:['confirm']，
  data(){
    return {
      modalData：{ProjVerName:''}     
    }
  }
}

定义一个confirm方法接收父组件中的方法，这里从子组件向父组件传递数据不是按照教程上的方法使用$emit,而是直接把数据作为参数传递到方法中，在父组件中这样使用：

 <issuesearch :confirm="search" :showtotal.sync="showtotal" :is-re-get.sync="isReGet" :type="chosenType">
 </issuesearc>

data(){
  return {
    searchData:{
      ProjVerName:'',
    }
  }
},
methods:{
  search(data){   //data就是接收子组件传递过来的数据的形参
    this.searchData.ProjVerName=data.ProjVerName；
    this.$http.get(url,this.searchData.ProjVerName).then(res=>{
    console.log(res)
})
  }
}

                
更多相关内容：
                

                    无相关信息
                
                

                
 3/5   首页 上一页 1 2 3 4 5 下一页 尾页