vue2 侧边栏高亮问题 table表格几个常用的功能拖拽排序内联编辑富文本 ECharts

最新推荐文章于 2024-06-07 20:39:24 发布

Guan ri

最新推荐文章于 2024-06-07 20:39:24 发布

阅读量580

点赞数

分类专栏：四.vue

本文链接：https://blog.csdn.net/weixin_43775626/article/details/103060405

版权

侧边栏高亮问题: 侧边栏不能跟着自己的路由高亮，element-ui官方已经给了default-active所以我们只要将default-active一直指向当前路由就可以了

:default-active="$route.path"

import Sortable from 'sortablejs'
let el = document.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
let sortable = Sortable.create(el)

在table mounted之后申明Sortable.create(el) table的每行tr就可以随意拖拽了，麻烦的目前我们的排序都是基于dom的，我们的数据层list并没有随之改变。所以我们就要手动的来管理我们的列表。

this.sortable = Sortable.create(el, {
  onEnd: evt => { //监听end事件 手动维护列表
    const tempIndex = this.newList.splice(evt.oldIndex, 1)[0]

关注