vue -vuedraggable 頁面變化,數組不變化


tip:注意draggable v-model綁定

<draggable v-model="fileAll" :move="getdata" @update="datadragEnd()">
                            <transition-group>
                                <li class="el-upload-list__item is-success el-upload-list--picture-card" style="overflow: inherit;margin: 0px 8px 40px 0;" v-for="(item,index) in fileAll" :key="item.path">
                                    //item
                                </li>
                            </transition-group>
                        </draggable>
import draggable from 'vuedraggable';

 components: {
        draggable
    },
         //拖拽中
        getdata(evt) {
            // console.log(evt);
        },
        //拖拽結束
        datadragEnd(list) {
            this.$message({
                type: 'success',
                message: '修改排序成功!'
            });
        },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM