Click event for table cell / best way to do vue-router navigation from table cell? about buefy

[rafaberaldo]

Hi! Sorry for the delay. Use the selectable property on Table, than listen to select on Table as well:

<b-table
    :data="tableData"
    selectable
    @select="selected">
    // Columns here
</b-table>

export default {
    methods: {
        selected(item) {
            this.$router.push({ path: '/details/:recordId' })
        }
    }
}

Something like that, guess you already got the hang of it.

[gwvt]

Thanks, but that's only for the row. I am looking to have an tag on the text in a single cell to click to a vue-router link. (Actually, several cells in each row with each one having its own independent tags & vue-router link.) Is that possible?

[rafaberaldo]

You mean like links in the cell? if so, use the component property on the Column.

But a click event in the cell is not hard to implement after all.

[gwvt]

Yes, like this:

Where you can dynamically generate the vue-router link with recordIds and link to them from individual table cells. So I think this would require a click event in the cell/column as in my original issue post above, but please correct me if I am not understanding the use of the component property.

[rafaberaldo]

I'm gonna think about it actually, It's probably the same use-case of #49

Edit: Just follow the mentioned issue.