vue可拖拽组件vuedraggable

1、安装依赖:npm install vuedraggable

2、引入vuedraggable:import vuedraggable from "vuedraggable";

3、注册组件:components: { vuedraggable }

4、使用组件:

<vuedraggable class="wrapper" v-model="dataForm.imageList">

            <transition-group>

              <div

                v-for="(item, index) in dataForm.imageList"

                :key="index"

                class="images-class"

              >

                  <img

                    style="width: 170px"

                    :src="IMAGE_PREVIEW_IP + item.fileUrl"

                    alt=""

                  />

              </div>

            </transition-group>

          </vuedraggable>

上一篇:GridLayoutManager这么用,你可能还真没尝试过,kotlin开发android


下一篇:MySql根据联合唯一索引保存或更新(replace into)