listo select marca

components/crear/CrearCarrito.vue

@@ -21,8 +21,8 @@
 
         <SelectMarca
           tipo="c"
-          :marcaPadre="marca"
+          :idMarcaPadre="idMarca"
-          @marca-seleccionada="(nuevaMarca) => (marca = nuevaMarca)"
+          @marca-seleccionada="(nuevaMarca) => (idMarca = nuevaMarca)"
         />
 
         <SelectModelo
@@ -34,7 +34,7 @@
         <BotonCrear
           columnSize="is-3"
           :disabled="
-            !marca.id_marca ||
+            !idMarca ||
             !modelo.id_modelo ||
             !idModulo ||
             !tipoCarrito.id_tipo_carrito
@@ -69,7 +69,7 @@ export default {
   },
   data() {
     return {
-      marca: {},
+      idMarca: 0,
       modelo: {},
       idModulo: 0,
       tipoCarrito: {},
@@ -78,10 +78,8 @@ export default {
   methods: {
     crearCarrito() {
       const data = {
-        marca: this.marca.marca,
+        marca: 'this.idMarca',
         modelo: this.modelo.modelo,
-        // id_marca: this.marca.id_marca,
-        // id_modulo: this.idModulo,
         id_modulo: this.idModulo,
         id_tipo_carrito: this.tipoCarrito.id_tipo_carrito,
       }
@@ -90,7 +88,7 @@ export default {
       axios
         .post(`${process.env.api}/carrito`, data, this.$getToken.token())
         .then((res) => {
-          this.marca = {}
+          this.idMarca = 0
           this.modelo = {}
           this.idmodulo = 0
           this.tipoCarrito = {}
@@ -105,7 +103,7 @@ export default {
     },
     warning() {
       if (
-        this.marca.id_marca ||
+        this.idMarca ||
         this.modelo.id_modelo ||
         this.idModulo ||
         this.tipoCarrito.id_tipo_carrito

components/selects/SelectMarca.vue

@@ -3,15 +3,15 @@
     <b-select
       icon="store"
       :loading="isLoadingSelect"
-      v-model="marca"
+      v-model="idMarca"
       expanded
       rounded
     >
-      <option :disabled="deshabilitarOptVacia" :value="null">
+      <option :disabled="deshabilitarOptVacia" :value="0">
         Selecciona una opción
       </option>
 
-      <option v-for="(m, index) in marcas" :key="index" :value="m">
+      <option v-for="(m, index) in marcas" :key="index" :value="m.id_marca">
         {{ m.marca }}
       </option>
     </b-select>
@@ -24,7 +24,7 @@ import axios from 'axios'
 export default {
   props: {
     deshabilitarOptVacia: { typeof: Boolean, required: false, default: true },
-    marcaPadre: { type: Object, required: true, default: () => ({}) },
+    idMarcaPadre: { type: Number, required: true, default: 0 },
     columnSize: { typeof: String, required: false, default: '' },
     tipo: { typeof: String, required: true, default: '' },
   },
@@ -32,7 +32,7 @@ export default {
     return {
       marcas: [],
       isLoadingSelect: false,
-      marca: null,
+      idMarca: 0,
     }
   },
   methods: {
@@ -55,11 +55,11 @@ export default {
     },
   },
   watch: {
-    marca(marcaSeleccionada) {
+    idMarca(marcaSeleccionada) {
       if (marcaSeleccionada) this.$emit('marca-seleccionada', marcaSeleccionada)
     },
-    marcaPadre(nuevaMarca) {
+    idMarcaPadre(nuevaMarca) {
-      if (this.$funcionesGlobales.objIsEmpty(nuevaMarca)) this.marca = null
+      this.idMarca = nuevaMarca
     },
   },
   created() {