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

Question

在某些情况下，我需要能够防止 b-table 更改行选择（通过鼠标单击或键盘）。即我需要显示一个对话框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标志，但在这种情况下，表中根本没有事件，我无法向试图更改选择的用户发送警报。

现在我正在为我的桌子考虑一些面具，但可能有一个更简单的解决方案。

标签： vuejs2bootstrap-vue

Answer 1

将no-select-on-click道具添加到 b 表。检查文档：https ://bootstrap-vue.js.org/docs/components/table/#data-row-accessibility