Кнопки редактирования и удаления в DataTables Vue 3 [закрыто] ⇐ Php

[Anonymous]

Я пытаюсь включить кнопки «Редактировать» и «Удалить» в столбец действий в DataTables, кнопки отображаются на экране, но событие @click не работает и не возвращает сообщение об ошибке, можете ли вы проверить где я ошибаюсь? Спасибо вам всем. Компонент MontaTable был создан в другом файле.

Кадастрады клиентов Novo Cliente /* eslint-отключить */ импортируйте MontaTabela из @/comComponents/MontaTabela/MontaTabela.vue; импортировать http из @/services/http.js; импортировать { FuncoesAuxiliares } из '@/helpers/FuncoesAuxiliares.vue'; const funcoes = FuncoesAuxiliares(); экспортировать по умолчанию { el: '#divClientes', компоненты: { MontaTabela }, данные() { возвращаться { строки: ноль, форма: {}, столбцы: [ {имя: 'cod_cliente', заголовок: 'ID', данные: 'cod_cliente', className: "text-center" }, {имя: 'nom_cliente', заголовок: 'NOME', данные: 'nom_cliente' }, {имя: 'num_cpf', заголовок: 'CPF', данные: 'num_cpf', имя класса: "текстовый центр" }, { name: 'dat_nascimento', title: 'DT. НАСЦИМЕНТО', данные: 'dat_nascimento', имя класса: "текстовый центр"}, {имя: 'dsc_endereco', заголовок: 'ENDEREÇO', данные: 'dsc_endereco' }, {имя: 'dsc_bairro', заголовок: 'BAIRRO', данные: 'dsc_bairro', имя класса: "text-center" }, {имя: 'dsc_cidade', заголовок: 'CIDADE', данные: 'dsc_cidade', имя класса: "text-center" }, {имя: 'dsc_uf', заголовок: 'UF', данные: 'dsc_uf', className: "text-center" }, { name: 'flg_ativo', title: 'STATUS', данные: 'flg_ativo', className: "text-center" }, { name: 'acoes', title: 'AÇÕES', data: null, className: "text-center", рендеринг (данные) { пусть btns = ''; btns += ' ', btns += '' вернуть БТС; } } ] } }, асинхронное создание() { await http.get('/cliente/listar').then((response) => { this.rows = response.data; this.rows.forEach(element => { элемент['dat_nascimento'] = элемент['dat_nascimento'] ? funcoes.dataFront(element['dat_nascimento']) : '-'; элемент['num_cpf'] = элемент['num_cpf'] ? funcoes.formataCPF(element['num_cpf']) : '-'; элемент['flg_ativo'] === parseInt(1) ? element['flg_ativo'] = 'Ativo' : element['flg_ativo'] = 'Inativo'; }); }); }, методы: { новоКлиенте() { this.$router.push({ name: 'cadastro-cliente' }); }, editarCliente (cod_cliente) { console.log(cod_cliente); }, excluirCliente (cod_cliente) { funcoes.confirmaDelecao().then(() => { http.put(`/cliente/${cod_cliente}/excluir`).then(() => { funcoes.alerta('success', 'Исключенный клиент как успешный!'); }).catch(()=>{ funcoes.alerta('error', 'Ошибка при исключении клиента!'); }) }).catch(()=>{}) } } } Вот визуализированный экран:

введите здесь описание изображения