Vue-bootstrap4-table select row?

Question

Vue.js

I installed such an extension on VUe
https://rubanraj54.gitbook.io/vue-bootstrap4-table...
Please tell me how to track the row selection?
To add its array when clicking on the line checkbox

Answer 1

<template>
    <div id="app">
       <vue-bootstrap4-table :rows="rows" :columns="columns" :actions="actions" :config="config" @on-select-row="onSelectRow"  @on-change-query="onChangeQuery">
        </vue-bootstrap4-table>

        <span>Checked names: {{ checkedNames }}</span>
    </div>
</template>

<code lang="javascript">
    data: function() {
            return {
                checkedNames: []
            }
        },
    methods: {
            onSelectRow(e)
            {
               this.checkedNames=e.selected_items;
            },
     
        },
</code>