<template> <div class="field"> <input type="checkbox" name="switchRoundedSuccess" class="switch is-rounded is-success" :id="'switch' + pedido_id" :checked="aprobado" @change="setAprobacionPedido({ pedido_id: pedido_id, aprobacion: !aprobado })"> <label :for="'switch' + pedido_id"> <span class="is-hidden-mobile">{{ mensaje }}</span> </label> </div> </template> <script> import { mapActions, mapGetters } from "vuex"; export default { props: { pedido_id: Number }, computed: { ...mapGetters('admin', ["getPedido"]), aprobado() { return this.getPedido(this.pedido_id).aprobado; }, mensaje() { return this.aprobado ? "Pagado" : "No pagado"; } }, methods: { ...mapActions('admin',["setAprobacionPedido"]), }, } </script> <style scoped></style>