bootstrap-vue:b-table如何防止可选表在某些情况下选择更改

时间:2019-05-16 06:20:24

标签: vuejs2 bootstrap-vue

在某种情况下,我需要一种能够防止b表更改行选择(通过单击鼠标或通过键盘)的功能。即我需要显示一个对话框save or cancel your changes before change row selection,并防止选择更改。

已选择该行时,将触发row-selected事件。 row-clicked事件在row-selected之前触发,但是event.stopPropagation()event.stopImmediatePropagation()event.preventDefault()return false不会取消进一步的行选择更改,即row-selected被解雇了。

我无法删除selectable标志,因为在这种情况下先前的选择将丢失。

我也尝试了busy标志,但是在这种情况下,表中根本没有任何事件,并且我无法将警报发送给试图更改选择的用户。

目前,我正在为桌子考虑一些遮罩,但可能有一个更简单的解决方案。

1 个答案:

答案 0 :(得分:0)

向b表添加no-select-on-click道具。查看文档:{​​{3}}