Question

我像Trello一样拖放。有6个带有对象（卡）的阵列。我需要通过单击卡中的弹出窗口来在阵列之间移动此卡，在此弹出窗口中，我必须选择应将此卡移动到哪个阵列（无聊）中。

    queued: [ // array
     {
       project: 'AI development',
       client: 'Tesla',
       fixed: false,
       price: 5000,
       id: 1
    },
    {
      project: 'Blockchain integration',
      client: 'BWM',
      fixed: false,
      price: 2500,
      id: 112
      },
    {
      project: 'Chatbot',
      client: 'T-Mobile',
      fixed: false,
      price: 6500,
      id: 13
    }
       ]
    planningArr : [ // array
    {
      project: 'Landing page',
      client: 'Amazon',
      fixed: false,
      price: 1000,
      id: 14
    },
    {
      project: 'Website',
      client: 'Google',
      fixed: false,
      price: 2000,
      id: 100
    },
    {
      project: 'Website',
      client: 'Google',
      fixed: false,
      price: 500,
      id: 1121
    }
      ],
designArr: [ // array
{
      project: 'Logo design',
      client: 'Symu.com',
      fixed: false,
      price: 2000,
      id: 19
 }
]

在这里，我只显示了三个数组。我认为我必须使用拼接和推入，但是我不知道应该以哪种方式使用这些方法。

Answer 1

1）要从阵列中删除，假设您要使用AI development

删除卡

var card = {
  project: 'AI development',
  client: 'Tesla',
  fixed: false,
  price: 5000,
  id: 1
}

queued.splice(queued.indexOf(card),1);

2）要将其添加到数组中，假设在planningArr

中

planningArr.push(card)

如何在6个数组之间移动对象Vue

1 个答案: