call API to change order of the array in vue?

Question

I am having an array of objects like this. I need to send an API request to the database to change their display order. How can I pass order_position into the body of an API request? I intend to send an API request after clicking the confirm button. Should I send an API request every time the up and down arrows are pressed? Please help me, this problem is really hard for me

getFolders() {
    let data: any[] = [
      {
        id: 100,
        name: '店舗',
        order_position: 1
      },
      {
        id: 101,
        name: '東日本統括部',
        order_position: 2
      },
      {
        id: 102,
        name: '東日本統',
        order_position: 3
      }
    ]
    this.list_folders = data
  }

Gangadhar Darsi · Accepted Answer · 2021-08-18 04:48:53Z

1

if you would like to use vue-draggable, probably you can try this way

use vue-draggable to rearrange element's order
whenever you drag an item it will trigger an event 'change'(@change)
there you can rearrange the order_position property with the index
send the whole array to backend and update with id or ( truncate and reinsert) hope this may help you

answered Aug 18, 2021 at 4:48

Gangadhar Darsi

1764 bronze badges

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

Collectives™ on Stack Overflow

call API to change order of the array in vue?

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