最近在使用 Vuejs 来改写网站博客后台,开始实现前后端完全分离的设计。 后台有一个自定义导航菜单的功能,于是 Sortable 来进行导航菜单拖动排序。 但是却遇到了一个很蛋疼的问题,就是数据更新了,但是 Dom没有更新,或者 Dom 更新出来位置始终是不对的,真是百思不得其姐~~~ 代码如下: <template> <div class="navigation"> <div class="grid-content bg-purple-light"> <div class="drap-list"> <ul id="draggable"> <li v-for="(item,index) in navigations" class="pit-nav-item" :url="item.url" :name="item.name"> <span class="drag-handle">&#9776;</span> {{ item.name }} <i class="delete-icon js-remove" @click="removeItem(item)"> x </i> </li> </ul> </div> </div> ...

[阅读更多 →]