Skip to main content
correcciones de conceptos, reemplazadas las ocurrencias de arreglo por objeto y valores por propiedades, ya que el OP está preguntando por un objeto, no un arreglo
Origen Enlace

¿Como vaciar los valores de los atributos de un arregloobjeto en VUEJS2?

En vuejs2 tengo una variable datos la cual es un arregloobjeto que ya tiene unos parametros establecidosunas propiedades establecidas y que inicialmente estan vaciosvacías.

Estoy realizando una serie de validaciones que son muy repetitivas, un ejemplo de ello, es enviar una petición, si esta trae información loslas 'seteo' en el objeto arreglo datos si no (aqui viene el 'incoveniente'), tengo que poner el arregloobjeto nuevamente y ponerlos en vacio.

la idea es poder optimizar eso de tal manera que no tenga que poner constatemente lo mismo, he intentado poner Employee.info_emloyees = {} pero podria decir que me 'borra' los parametros y deja el arreglo totalmente vacio y la idea es que limpie son los parametroslas propiedades.

¿Como vaciar los valores de los atributos de un arreglo en VUEJS2?

En vuejs2 tengo una variable datos la cual es un arreglo que ya tiene unos parametros establecidos y que inicialmente estan vacios.

Estoy realizando una serie de validaciones que son muy repetitivas, un ejemplo de ello, es enviar una petición, si esta trae información los 'seteo' en el arreglo datos si no (aqui viene el 'incoveniente'), tengo que poner el arreglo nuevamente y ponerlos en vacio.

la idea es poder optimizar eso de tal manera que no tenga que poner constatemente lo mismo, he intentado poner Employee.info_emloyees = {} pero podria decir que me 'borra' los parametros y deja el arreglo totalmente vacio y la idea es que limpie son los parametros.

¿Como vaciar los valores de los atributos de un objeto en VUEJS2?

En vuejs2 tengo una variable datos la cual es un objeto que ya tiene unas propiedades establecidas y que inicialmente estan vacías.

Estoy realizando una serie de validaciones que son muy repetitivas, un ejemplo de ello, es enviar una petición, si esta trae información las 'seteo' en el objeto datos si no (aqui viene el 'incoveniente'), tengo que poner el objeto nuevamente y ponerlos en vacio.

la idea es poder optimizar eso de tal manera que no tenga que poner constatemente lo mismo, he intentado poner Employee.info_emloyees = {} pero podria decir que me 'borra' los parametros y deja el arreglo totalmente vacio y la idea es que limpie son las propiedades.

Origen Enlace
JDavid
  • 1.4k
  • 8
  • 29
  • 57

¿Como vaciar los valores de los atributos de un arreglo en VUEJS2?

En vuejs2 tengo una variable datos la cual es un arreglo que ya tiene unos parametros establecidos y que inicialmente estan vacios.

Estoy realizando una serie de validaciones que son muy repetitivas, un ejemplo de ello, es enviar una petición, si esta trae información los 'seteo' en el arreglo datos si no (aqui viene el 'incoveniente'), tengo que poner el arreglo nuevamente y ponerlos en vacio.

EJEMPLO:

var Employee = new Vue({
  el: '#content',
  data: {
    datos: {
      time_elapsed: '',
      employee: '',
      entry_date: '',
      entry_hour: '',
      exit_date: '',
      exit_hour: '',
      hour_value: '',
    }
  },
  methods: {
    registerEmployee: function(e){  
      e.preventDefault();
      if (Employee.code) {
        $.post('Employee/setEmployee', {'code': Employee.code}, function(json) { 
          if(json){
            Employee.msg = ''
            Employee.info_emloyees.employee = json[0].name
            Employee.info_emloyees.entry_date = json[0].entry_date
            Employee.info_emloyees.entry_hour = json[0].entry_hour
            Employee.info_emloyees.exit_date = json[0].exit_date
            Employee.info_emloyees.exit_hour = json[0].exit_hour
            Employee.info_emloyees.hour_value = json[0].hour_value
            Employee.info_emloyees.time_elapsed = json.time_elapsed
            Employee.info_emloyees.total = json.total
          }else{
            Employee.msg = 'Este empleado no esta registrado en el sistema'
            Employee.info_emloyees = {
                    time_elapsed: '',
                    employee: '',
                    entry_date: '',
                    entry_hour: '',
                    exit_date: '',
                    exit_hour: '',
                    hour_value: '',
            }   
          }
        });
      } else{       
         Employee.info_emloyees = {
                  time_elapsed: '',
                  employee: '',
                  entry_date: '',
                  entry_hour: '',
                  exit_date: '',
                  exit_hour: '',
                  hour_value: '',
          }   
      }
    },
  },
  mounted: function(){
    this.getrates();
  },
});


$(function(){

$(document).on('click', '.print', function(){
   Employee.code = '';
    Employee.info_emloyees = {
            time_elapsed: '',
            employee: '',
            entry_date: '',
            entry_hour: '',
            exit_date: '',
            exit_hour: '',
            hour_value: '',
          }    
});


$('.code_e').keyup(function(e) {
    if (e.keyCode  == 8) {
      e.preventDefault();
      Employee.code = '';
      Employee.info_emloyees = {
              time_elapsed: '',
              employee: '',
              entry_date: '',
              entry_hour: '',
              exit_date: '',
              exit_hour: '',
              hour_value: '',
      }
    }
  });
});

PROBLEMA
Se puede ver que uso constantemente:

 Employee.info_emloyees = {
                    time_elapsed: '',
                    employee: '',
                    entry_date: '',
                    entry_hour: '',
                    exit_date: '',
                    exit_hour: '',
                    hour_value: '',
            } 

la idea es poder optimizar eso de tal manera que no tenga que poner constatemente lo mismo, he intentado poner Employee.info_emloyees = {} pero podria decir que me 'borra' los parametros y deja el arreglo totalmente vacio y la idea es que limpie son los parametros.