Intento mostrar mis casillas de verificación seleccionadas, que represento así:

 <pre>{{ JSON.stringify(selectedAttributes, null, 2) }}</pre> <ul class="list-unstyled" v-for="category in categories" :key="category.name" > <strong>{{ category.category_name }} </strong> <li v-for="attributes in category.attributes" :key="attributes.attribute_id" > <Field as="input" name="attribute" type="checkbox" class="form-check-input" v-model="selectedAttributes" :id="attributes.attribute_id" :value="attributes.attribute_id" /> <label class="form-check-label" for="attributes.attribute_id"> {{ attributes.attribute_name }} </label> </li> </ul> ... data() { return { selectedAttributes: [], }; },

Desafortunadamente, el atributo_id de mis casillas de verificación seleccionadas no se muestra. ¿Dónde está mi error?

Actualización: los datos de mi API se ven así:

Lo que necesito aquí es que quiero que el usuario verifique sus opciones preferidas y muestre las opciones seleccionadas en JSON.stringify. Los atributos seleccionados deben mostrar el atributo_id de la opción elegida.