下载依赖npm install sortablejs --save在script里面导入import Sortable from "sortablejs";在需要改变顺序的标签上加上id=" 自定义"
页面：
<el-form-item label="商品主图"><div class="upload-from" id="itxst"><!-- 缩略图 --><divv-for="(item, index) in form.mainPic":key="index"class="small-img"v-show="form.mainPic.length <= 5"><img :src="`${ip}${item}`" width="100%" height="100%" /><!-- 删除按钮 --><iclass="el-icon-delete-solid img-delbtn"@click="delImg(index)"></i></div><!-- 上传按钮 --><el-upload:action="`${ip}/admin/upload/img`"name="myfile":show-file-list="false"class="upload-body":on-success="uploadSuccess"><i class="el-icon-plus upload-btn"></i></el-upload></div></el-form-item>
功能实现：
updated() {this.drag();},methods: {drag() {//拖动var el = document.getElementById("itxst");//设置配置var ops = {animation: 100,//拖动结束onEnd: (evt) => {// console.log(evt);//获取拖动后的排序var arr = sortable.toArray();// console.log(JSON.stringify(arr));// this.draglist = arr;},};//初始化var sortable = Sortable.create(el, ops);},}
