Actualmente estoy enviando múltiples valores a través de un evento de cambio de selección en vue, y estoy registrando los valores dentro de mi llamada de método para asegurarme de que existen en el método (están presentes)
Mi problema es que necesito tomar los valores dentro de ese método y crear una matriz estructurada de esta manera:
{ "123" : [ { "item":"B-24", "new_date":"2022-11-30" }, ] }Mi problema es que puedo insertar los valores en una matriz, pero parece que no puedo descifrar cómo reestructurar la matriz para que se ajuste al formato anterior.
Cualquier sugerencia sobre cómo estructurar la matriz en el método es muy apreciada.
var vm = new Vue({ el: "#app", props: { }, data: { testing_dates:['2021-11-29', '2021-11-30'], cat_id: [123] }, methods: { testChange(event, id){ item = "B-24"; console.log(event.target.value); console.log(id); var new_array = new Array(); //create an empty array new_array.push(item); new_array.push(event.target.value); new_array.push(id); }, }, }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <li>Category ID: {{ cat_id }}</li> <li style="list-style: none;"> <select style="width: auto;" @change="testChange($event, cat_id)"> <option selected disabled>Options</option> <option v-for="date in testing_dates" :value="date">{{ date }}</option> </select> </li> </div>Puede obtener la primera identificación usando la reestructuración o como id[0] .
Luego cree un objeto vacío y agregue un nuevo par donde la key es la primera id y el value es una matriz con un objeto que tiene el item y la new_date
testChange(event, id){ const item = "B-24"; const [firstId] = id; // get first id const obj = {}; obj[firstId] = [ { item, new_data: event.target.value } ]; console.log(obj); }Versión más corta:
testChange(event, id){ const obj = { [id[0]]: [ { item: "B-24", new_data: event.target.value } ] }; console.log(obj); }