действие таблицы boostrap-vue при нажатии

Question

У меня есть таблица в Vue.js с данными, и я хотел бы добавить «последний щелчок» в последнюю ячейку.

О бустрап-таблице

Это мой шаблон таблицы:

<BootstrapTable :columns="table.columns" :data="table.data" :options="table.options"  v-if="table.ready">

И данные:

this.table = {
   ready: false,
   columns: [
               {
                field: 'id',
                title: 'id',
                visible: true
               },
                {
                field: 'test',
                title: 'test',
                visible: true,
                formatter: addClicks(this)
               },
               ...
  ]}

[ edit ]

Я бы хотел что-то вроде этогоно, очевидно, это не отображается:

...
formatter: function (value, row) {
   const ve = "<span @click='setElement("+row.id+")' class='btn btn-success btn-sm'>Set</span>";
   return ve;
}

Как мне это сделать, чтобы мои действия были на клике?

Answer 1

Вы можете вызвать событие OnClickCell из таблицы начальной загрузки

Evebt: onClickCell jQuery Event: click-cell.bs.table

Параметр: поле, значение, строка, $ element

Detail:

Запускается, когда пользователь щелкает ячейку, параметры содержат:

field: имя поля, соответствующее ячейке, по которой щелкнули. значение: значение данных, соответствующее выбранной ячейке. строка: запись, соответствующая нажатой строке. $ element: элемент td.