Tengo el siguiente componente creado, si ven, tengo dos console.log() dentro del método mounted, uno fuera de datatables y el otro dentro, y el que esta adentro de datatables me tira error que no reconoce. "Cannot read property 'roundtwo' of undefined"
<template>
<div>
<div class="row">
<div class="col-md-12">
<div class="content">
<table class="table table-bordered table-striped" width="100%" cellspacing="0" id="dt_results">
<thead>
<tr>
<th class="text-center">Posición</th>
<th class="text-center">Jugador</th>
</tr>
</thead>
<tbody class="text-center">
</tbody>
</table>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
roundtwo:false
}
},
mounted() {
console.log(this.roundtwo);
$("#dt_results").DataTable({
destroy: true,
processing: true,
serverSide: true,
stateSave: true,
responsive: true,
language:{
"url": '/datatable_spanish.json'
},
"ajax": {
"method": "post",
"url": '/results/getResultsDraw',
"data": {id_draw:$("#draw").val()}
},
"columns": [
{
"data": "position", name: 'results_draw.position', "mRender": function (data, type, row, gg) {
console.log(this.roundtwo);
return row.position;
},
},
{
"data": "last_name", name: 'users.last_name', "mRender": function (data, type, row, gg) {
return row.nickname != null ? row.nickname + ' ' + row.last_name : row.first_name + ' ' + row.last_name;
},
},
]
});
}
}
</script>
Y si dentro de datatables cuando creo una columna le paso un método, tampoco reconoce!
"mRender": (data, type, row, gg) => {console.log(this.roundtwo); return row.position;}
o la otra forma seria creando una variablex
que sea igual athis
antes de la funcion y usar esa variable