Tengo un select y quiero acceder al value y al un atributo con onchange. Tengo el siguiente código:
<select v-model="colonia" @change="obtenerCodigoPostal($event)" class="form-control">
<option value="0" idCodigo="0">Seleccionar</option>
<option v-for="colonia in colonias" v-bind:value="colonia.id_colonia" v-bind:idCodigo="colonia.id_codigo_postal">
{{ colonia.nombre }}
</option>
</select>
En mi método obtenerCodigoPostal quiero obtener el valor del atributo idCodigo, actualmente solo puedo acceder al value de esta manera:
obtenerCodigoPostal: function(event){
let self = this;
console.log(event.target.idCodigo);
axios.post('obtener-codigo-postal',{
'idCodigo': event.target.value
}).then(function(response) {
self.codigoPostal = response.data;
})
}