小编Mik*_*oss的帖子

我已经安装了，boto3但仍然给出没有名为botocore.session的模块的错误

import botocore.session
ImportError: No module named botocore.session

我有以下标记:

<ul>
  <li class="category-item" data-category-group="jeans">Bottoms</li>
  <li class="category-item" data-category-group="tops">Shirt</li>
  <li class="category-item" data-category-group="jeans">Jeans</li>
  <li class="category-item" data-category-group="jeans">Shorts</li>
  <li class="category-item" data-category-group="tops">Hoodie</li>
  <li class="category-item" data-category-group="accesories">Sunglasses</li>
</ul>

元素在data-category-group属性中可以具有不同的组名.我希望能够对元素进行排序,以便具有牛仔裤组的元素将在DOM中相互追随.

我有一个想法,试图通过将HTML集合转换为数组然后对它们进行排序来解决这个问题.但它似乎无法以这种方式工作.

这是我的JavaScript:

var categoryItems = document.querySelectorAll("[data-category-group]");
var categoryItemsArray = Array.from(categoryItems)

document.getElementById("demo").innerHTML = categoryItemsArray;

function myFunction() {
    categoryItemsArray.sort();
    document.getElementById("demo").innerHTML = categoryItemsArray;
}

怎么能实现这一目标？

在这里查看一个codepen:https://codepen.io/fennefoss/pen/PBGrPZ

以前，我已经在其他项目中使用的Vanilla JS中做了一些拖放功能。现在，我开始了一个Vue.js项目，我想使用相同的拖放功能。

是否可以在Vue.js组件中包含普通JS文件？怎么做呢？

到目前为止，我只尝试<script>在index.html的head元素中添加标签，但会引发错误。

<script src="../src/js/drag-and-drop.js"></script>