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.
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 las propiedades.