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