Soy nuevo en Vue3. Estoy usando datatable en Vue3, pero el enlace del enrutador no funciona allí. Quiero un botón donde pueda ir a otra página sin actualizar. Sé que puedo lograr esto con "router-link". Pero no puedo encontrar ninguna solución sobre cómo usar "enlace de enrutador" en la tabla de datos. Aquí está mi código:
methods:{ getCategories() { axios .get("http://localhost/listagram-vue/api/categories") .then((response)=> { $('#example').DataTable({ responsive: true, data:response.data, columns:[ { data: 'id', name: 'id', }, { data: 'name', name: 'name' }, { data: 'parent_id', defaultContent: 'parent_id' }, { data: 'status', name: 'status' }, { data: 'action', className: "dt-center editor-edit", defaultContent: ' <router-link to="/categories/create" class="btn btn-primary btn-sm">EDIT</router-link>|<button class="btn btn-danger btn-sm" onclick="return confirm(\'Are you sure?\')">Delete</button>', orderable: false } ] }); }) } }
Ahora mi pregunta es ¿cómo hacer que funcione este enlace de enrutador?