如何获取按钮单击事件处理程序上的source元素? iView

时间:2018-10-25 11:04:35

标签: javascript vue.js vuejs2 iview

在iView中,所有UI元素均由“ render”功能的返回数据来呈现,例如,我具有以下数据:

h('Button', {
props: {
    type: 'warning',
    size: 'small',
    disabled: params.row.disabled
},
style: {
    marginTop: '5px',
    marginRight: '5px',
    marginBottom: '5px'
},
on: {
    click: () => {
        this.checkDataOne(params.row);
    }
}
}, 'check data')

将显示一个按钮。我想在click事件开始时禁用此按钮,并在最后启用它(checkDataOne函数中有一个异步操作)。但是我如何获得按钮?

我尝试了“ window.event.srcElement”,但是它返回了一个span元素,该元素包含在按钮中。

1 个答案:

答案 0 :(得分:0)

如果您可以使用window.event.srcElement来获取按钮内的span元素,则可以寻找最接近它的button元素。

因此获取源元素的代码将变为:

window.event.srcElement.closest("button");

您可以将"button"更改为所需的任何特定选择器,以定位按钮。