<template> <div v-show="aprobado" class="notification is-warning has-text-centered"> Tu pedido fue <strong>aprobado</strong>, por lo que no puede ser modificado </div> </template> <script> export default { data() { return { aprobado: false, } }, mounted() { Event.$on('pedido-actualizado', this.actualizarEstado); if (this.$root.pedido != null) { this.actualizarEstado(); } }, methods: { pedidoAprobado: function() { return this.$root.pedido.aprobado; }, actualizarEstado: function() { this.aprobado = this.pedidoAprobado(); }, }, } </script> <style> </style>