首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在单击向上和向下箭头按钮时向上和向下移动选定/多选数组元素?

如何在单击向上和向下箭头按钮时向上和向下移动选定/多选数组元素?
EN

Stack Overflow用户
提问于 2018-08-20 01:53:53
回答 1查看 168关注 0票数 -1

如何在单击向上和向下箭头按钮时向上和向下移动选定/多选数组元素?

javascript或vuejs的答案最好是no-Jquery,谢谢。

示例:

代码语言:javascript
复制
var items = [
  {'type': 'fruit1', 'name': 'apple'},
  {'type': 'fruit2', 'name': 'banana'},
  {'type': 'fruit3', 'name': 'apple'},
  {'type': 'fruit4', 'name': 'cantaloupe'},
  {'type': 'fruit5', 'name': 'orange'},
  {'type': 'fruit6', 'name': 'grape'}
];

如果我选择{'type':‘f果3’,'name':'apple'}并点击向上箭头按钮

它应该向上移动一个位置

代码语言:javascript
复制
  {'type': 'fruit1', 'name': 'apple'},
  {'type': 'fruit3', 'name': 'apple'},
  {'type': 'fruit2', 'name': 'banana'},
  {'type': 'fruit4', 'name': 'cantaloupe'},
  {'type': 'fruit5', 'name': 'orange'},
  {'type': 'fruit6', 'name': 'grape'}

与一个位置向下箭头按钮相同,它应该向下移动一个位置。

如果我选择多个,它也应该向上移动一个位置,如下所示

从原始项目中选择

代码语言:javascript
复制
  {'type': 'fruit3', 'name': 'apple'},
  {'type': 'fruit4', 'name': 'cantaloupe'}

得到的数组应该是:

代码语言:javascript
复制
      {'type': 'fruit1', 'name': 'apple'},
      {'type': 'fruit3', 'name': 'apple'},
      {'type': 'fruit4', 'name': 'cantaloupe'},
      {'type': 'fruit2', 'name': 'banana'},
      {'type': 'fruit5', 'name': 'orange'},
      {'type': 'fruit6', 'name': 'grape'}

与多选相同,然后单击向下箭头

这里是fiddel https://jsfiddle.net/skesani/60au5yvs/

EN

回答 1

Stack Overflow用户

发布于 2018-08-20 02:00:45

如果您使用的是Vue.js,则可以使用这些优秀的库中的任何一个

https://github.com/sagalbot/vue-select

https://github.com/shentao/vue-multiselect

它们都能做你想做的事,而且还能做更多

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51920360

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档