I need help passing a cell value to a function when clicking on the cell. While it's easy to do this with a regular table, I am trying to figure out how to achieve the same result with bootstrap-vue b-table.
Here is the code snippet for the table:
<b-table
striped
responsive
class="mb-0"
:items="permissionsData"
>
<template #cell(module)="data">
{{ data.value }}
</template>
<template
#cell()="data"
>
<b-form-checkbox
:checked="data.value"
/>
</template>
</b-table>
And here is the method in my Vue component:
methods: {
onPermissionClick(value) {
console.log("column name, row name and the value")
}
},
If anyone has any insights or recommendations on how I can achieve this functionality, please share your thoughts!