vue 关于子组件向父组件传值$emit触发

vue 关于子组件向父组件传值$emit触发

//子组件请求接口，用自己封装的axios
 getupdate(){
         this.$post({
           url:this.$apis.unitupdate,
           postType:'json'
         })
         .then( () => {
          this.$emit("getlist")//成功之后触发更新列表  
         })
       },
 this.close()  //关掉弹窗

//父组件
//在父组件中插入子组件弹窗 getlist是在子组件触发的事件
<Dialogedit v-if="showdialog" @getlist="getList"> </Dialogedit> 
<script> 

//请求列表

method：{
getList(){
  this.$get({
    url:this.$apis.drugunit,
    query:this.params
   })
  .then( res => {
    this.mainList = res.data.list
   })
 },
}
</script>
广州品牌设计公司https://www.houdianzi.com

只要把this.close放到then里面就可以了就是请求成功才关闭窗口
getupdate(){
         this.$post({
           url:this.$apis.unitupdate,
           param:this.formModel,
           postType:'json'
         })
         .then( () => {
           this.$emit("getlist")
           this.close() 
 })