How to put array in multiple select in Vue.JS

Question

Just few hours im tryin to put array of object in multiple select I got this array from axios request and next im need display whole array with all title objects in this array If someone have info how to solv this probled it will be nice and im gratefull this is my array

products: [{id: 6, category_id: 2, title: "Тест", brand: "Тест", serial_number: "2165412315864",…},…]

0: {id: 6, category_id: 2, title: "Test", brand: "Test", serial_number: "2165412315864",…}

1: {id: 7, category_id: 3, title: "Test2", brand: "Test2", serial_number: "2165412315864",…}

2: {id: 8, category_id: 5, title: "New", brand: "New", serial_number: "2165412315864",…}

this is my code from Vuex Store

async getOrders(ctx, data)
{
    return new Promise((resolve, reject) => {
        axios({
            url: '/orders',
            data: data,
            method: 'GET'
        })
            .then((resp) => {
                ctx.commit('setOrders', resp.data.orders)
                ctx.commit('setUsers', resp.data.users)
                ctx.commit('setProducts', resp.data.products)
                ctx.commit('updatePagination', resp.data.pagination)
                resolve(resp)
            })
            .catch((error) => {
                console.log(error)
                reject(error)
            })
    })
},

Despertaweb · Accepted Answer · 2020-04-09 11:13:28Z

1

ASYNC/AWAIT FIX:

  async getOrders(ctx, data) {
        try {
           const { data } = await axios({
            url: '/orders',
            data: data,
            method: 'GET'
          })

      ctx.commit('setOrders', data.orders)
      ctx.commit('setUsers', data.users)
      ctx.commit('setProducts', data.products)
      ctx.commit('updatePagination', data.pagination)
    } catch (e) {
      console.error(e)
    }
  }

IN COMPONENT:

  <select v-model="product">
    <option v-for="product in products" :key="product.code" :value="product">
      {{ product.title }}
    </option>
  </select>

When you do this way, the whole selected product would be saved in the product data property.

answered Apr 9, 2020 at 11:13

Despertaweb

1,83023 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to put array in multiple select in Vue.JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related