PDO button

bom dia galera, estou usando Vue js com poo, o problema que estou tendo é que eu não estou conseguindo entender de como passar para o button o id para exclusao, segue abaixo a onde eu parei.

index.php

<div id="modalMostrar">
 <div id="descricoes" class="scroll">
 <div class="card" v-for="descricao in descricoes">
 <div class="card-header">
 <h3 class="card-title">{{descricao.desc_data}}</h3>
 </div>
 <div class="card-body">

 {{descricao.descricao}}

 <a class="fa fa-times btn btn-danger right ml3" id="removerRegistro" v-bind:data-codigo="descricao.cli_id"></a>

 <button class="fa fa-edit btn btn-primary right"></button>

 </div>
 </div>
 </div>
 </div>

	 

	script.js

//exibir registro-------

$(document).on('click', '#abrirModal', function(event){
 event.preventDefault();
 var id = $(this).attr('data-id')//pegando id
 window.desc = new Vue({
 el: '#descricoes',
 data: {
 descricoes: []
 }
 });

$.ajax({
url: 'ajax/clienteDescricao.php?id=' + id,
type: 'GET',
dataType: 'JSON'

}).done((e) => {
 desc.descricoes = e;
 })
 $('#modalMostrar').iziModal('open');
});

//remover Registro---------------------------------------------

$(document).on('click', '#removerRegistro', function(event){
 event.preventDefault();
 var id = $(this).data('codigo');//pegando id
 window.desc = new Vue({
 el: '#descricoes',
 data: {
 descricoes: []
 }
 });

$.ajax({
url: 'ajax/removerRegistro.php?id=' + id,
type: 'GET',
dataType: 'JSON'

}).done((e) => {
 desc.descricoes = e;
 })

});

	removerRegistro.php

	 

<?php
require_once "../database/conexao.php";

if(isset($_GET["id"]) && !empty($_GET["id"])){
 $conex = new conexao();

echo json_encode($conex->deleteDesc($_GET["id"]));
}

	 

	conexao.php

	 

 public function deleteDesc($cli_id){
 $sql = $this->conexao->prepare("DELETE FROM descricao WHERE cli_id = :cli_id");
 $sql->bindValue(':cli_id', $cli_id);
 $sql->execute();
	}

	**ele não está pegando o id.....**