vue $emit的使用

父组件

PublicRecommend.vue

import RecommendCommon from '@/components/recommend/RecommendCommon.vue'

components: {
  RecommendCommon: RecommendCommon
},

html部分

<RecommendCommon
  ref="all"
  :tableData="tableData"
  :pool_id="pool_id"
  :total="total"
  :page="page"
  :currentSize="currentSize"
  @handleDelete="handleDelete"
  @handleSetTop="handleSetTop"
  @handleCurrentChange="handleCurrentChange"
  up="1"
  @getAllList="getAllList"
/>

//在父组件用@getAllList="getAllList"注册

子组件

RecommendCommon.vue

 @click="handleComfirm"

async handleComfirm() {
    console.log(this.id, 'id值')
    console.log(this.order, '排序值')
    // this.dialogVisible = true
    // if (this.order != 0 && !this.order) return this.$message.error('请选择排序值')
    const options = {
      id: this.id,
      order: this.order
    }
    const { data: {code, msg} } = await requestApi('/pool/common/set_order', options, 'post')
    if (code === 1) {
      this.$message.success(msg)
      this.dialogFormVisible = false
      this.$emit('getAllList')
    } else {
      this.$message.error(msg)
    }
  }
}

this.$emit('getAllList')

//在子组件派发事件