Vuejs2 确认对话框中的元素ui$emit无效
我试图从父页面获取子页面发送的请求,但未成功。有人可以帮助我,谢谢 1.父代码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.子代码 <
<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函数,但父页面无法获取发射事件。非常感谢。