正在显示
2 个修改的文件
包含
20 行增加
和
1 行删除
| @@ -31,6 +31,7 @@ | @@ -31,6 +31,7 @@ | ||
| 31 | 31 | ||
| 32 | <script> | 32 | <script> |
| 33 | import Assembly from "@/views/bus/Assembly"; | 33 | import Assembly from "@/views/bus/Assembly"; |
| 34 | + import Sortable from "sortablejs" | ||
| 34 | 35 | ||
| 35 | export default { | 36 | export default { |
| 36 | name: 'TabMenu', | 37 | name: 'TabMenu', |
| @@ -83,9 +84,27 @@ | @@ -83,9 +84,27 @@ | ||
| 83 | 84 | ||
| 84 | } | 85 | } |
| 85 | }, | 86 | }, |
| 87 | + // changeView(val){ | ||
| 88 | + // if(val == 'table') {this.rowDrop()} | ||
| 89 | + // this.initTab() | ||
| 90 | + // }, | ||
| 91 | + rowDrop() { | ||
| 92 | + const el= document.querySelector('.el-tabs__nav'); | ||
| 93 | + const _this = this; | ||
| 94 | + Sortable.create(el, { | ||
| 95 | + onEnd({ newIndex, oldIndex }) { | ||
| 96 | + const currRow = _this.$store.state.openTab.splice(oldIndex, 1)[0] | ||
| 97 | + _this.$store.state.openTab.splice(newIndex, 0, currRow) | ||
| 98 | + } | ||
| 99 | + }) | ||
| 100 | + }, | ||
| 86 | }, | 101 | }, |
| 87 | mounted() { | 102 | mounted() { |
| 88 | this.initTab(); | 103 | this.initTab(); |
| 104 | + this.$nextTick(function () { | ||
| 105 | + this.rowDrop(); //行拖拽效果 | ||
| 106 | + }) | ||
| 107 | + | ||
| 89 | }, | 108 | }, |
| 90 | watch:{ | 109 | watch:{ |
| 91 | '$route'(to,from){ | 110 | '$route'(to,from){ |
-
请 注册 或 登录 后发表评论