zoukankan      html  css  js  c++  java
  • 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: '修改排序成功!'
                });
            },
    
  • 相关阅读:
    NC学习笔记
    NC开发笔记指导
    进度条Demo
    指点
    NC二次开发常用的方法
    java PDF2JPG
    IO笔记
    java Utils
    Lambda 笔记
    gradle记录
  • 原文地址:https://www.cnblogs.com/gggggggxin/p/13321308.html
Copyright © 2011-2022 走看看