Vuejs2 确认对话框中的元素ui$emit无效

Vuejs2 确认对话框中的元素ui$emit无效,vuejs2,element-ui,Vuejs2,Element Ui,我试图从父页面获取子页面发送的请求,但未成功。有人可以帮助我,谢谢 1.父代码 <do-more @onreloadtab="reloadTab" :selectFolder="selectFolder"></do-more> methods: { reloadTab: function() { console.log('reload') } } 方法:{ 重载选项卡:函数(){ console.log('reload') } } 2.子代码 <

我试图从父页面获取子页面发送的请求,但未成功。有人可以帮助我,谢谢

1.父代码

<do-more @onreloadtab="reloadTab" :selectFolder="selectFolder"></do-more>
methods: {
  reloadTab: function() {
    console.log('reload')
  }
}

方法:{
重载选项卡:函数(){
console.log('reload')
}
}
2.子代码

<template>
  <span class="do-more">
    <el-dropdown size="mini" @visible-change="dropdownChange($event)" 
      @command="dropdownCommon($event)" >
      <span class="el-dropdown-link">
        <el-button size="mini" type="text" icon="el-icon-more" 
          class="triggleBtn"></el-button>
      </span>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item command="delete">del</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </span>
</template>

methods: {
  delete: function(row) {
    let that = this
    this.$confirm("Are you sure to delete?", "confirm")
      .then((config) => {
        that.$emit('onreloadtab')
      })
      .catch(() => {});
  }
}

德尔
方法:{
删除:函数(行){
让它=这个
此.$confirm(“您确定要删除吗?”,“confirm”)
。然后((配置)=>{
那.$emit('onreloadtab'))
})
.catch(()=>{});
}
}
将代码更改为:

<template>
  <span class="do-more">
    <el-dropdown size="mini" @visible-change="dropdownChange" 
      @command="dropdownCommon" >
      <span class="el-dropdown-link">
        <el-button size="mini" type="text" icon="el-icon-more" 
          class="triggleBtn"></el-button>
      </span>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item command="delete">del</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </span>
</template>

methods: {
  dropdownCommon(command) {
    if(command === 'delete'){
      this.$confirm("Are you sure to delete?", "confirm")
      .then((config) => {
        this.$emit('onreloadtab')
      })
      .catch(() => {});
    }
    // other command
  }
}

德尔
方法:{
dropdowncomon(命令){
如果(命令=='delete'){
此.$confirm(“您确定要删除吗?”,“confirm”)
。然后((配置)=>{
此.$emit('onreloadtab'))
})
.catch(()=>{});
}
//其他命令
}
}
单击下拉项
el下拉项
时,
el下拉项
@命令
事件从
el下拉项
接收
命令
属性值


您还可以使用
@click
事件,而不是
el下拉项上的
命令
属性

click可以调用delete函数,但父页面无法获取发射事件。非常感谢。