Как вставить router link в vuetable?

Question

[Mr_NoMore]

Использую в проекте vuetable 2 в этой таблице я беру данные с json. Необходимо сделать, например:
Есть колонка Order, в ней информация ORD1231** и тд. При нажатии на одну из ячеек order-а идет переход на другую страницу с динамическим id. Собственно вопрос, как в vuetable запихнуть router-link?

Answer 1

[0xD34F]

Вот так. Данные строки таблицы доступны через параметры слота. Например (кнопка Info).

Comments

[Mr_NoMore]

кнопки я уже сделал, но все равно спасибо.

Answer 2

[Evgeny Kulakov]

Думаю, что можно начать вот с этого примера: https://github.com/ratiw/vuetable-2-tutorial/tree/... там как раз пример кастомного шаблона для ячейчи таблицы, собственно в вашем варианте внутрь шаблона нужно ссылку поместить.

Comments

[Mr_NoMore]

Кастомно не подходит, так как беру данные с json, а если кастомно добавлять, то эти данные во всех ячеек будут одинаковые.

[Evgeny Kulakov]

Mr_NoMore, не совсем понял, для ячейки вы просто определяете шаблон, а данные откуда брать - дело десятое.

[Mr_NoMore]

Evgeny Kulakov, хм, не подумал, действительно может подойдет. Спасибо.

Answer 3

[Mr_NoMore]

вообщем нашел способ, но как по мне он не слишком правильный. Ну хз, пока вижу только такой вариант, далее может придумаю что-то получше.
В vuetable 2 есть метод cell-clicked

methods: {
            onCellClicked (data, field, event) {
                console.log('cellClicked: ', field.name);
                this.$refs.vuetable.toggleDetailRow(data.id)
                if(field.name == 'order'){
                    router.push({ path: '/link' })
                }
            }
        },

Может еще кто-то подкинет лучше решение.