更新记录

1.1.4（2025-07-10） 下载此版本

修复问题。

1.1.3（2025-07-04） 下载此版本

升级

1.1.2（2025-07-02） 下载此版本

修复文档。

平台兼容性

uni-app

其他

方便您的同时，请五星、收藏，让好的东西照亮更多深渊中负重前行的代码人。

创作不易，在您方便之际，赞赏作者，我们会更有动力继续下去。

简介

ljs-dragImages-vue3，可拖动排序的文件上传组件。 支持自定义基础展示样式。

使用 uni_modules 安装（推荐）

使用 uni_modules 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 ljs-top组件。

主参数

微信小程序可参考官方API：wx.chooseMedia

v-model结构

方法

示例

场景1

<template>
    <view class="main">
        <ljs-dragImages-vue3
            v-model="imgList"
            @uploadFile="upload"
            >
        </ljs-dragImages-vue3>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                imgList: [{
                    url: 'http://192.168.1.100:8087/profile/avatar/2024/08/16/2632b40aaa5d12a60bd6e724807a5561_20240816181530A012.jpeg'
                }]
            }
        },
        methods: {
            // 上传方法
            upload(files) {
                console.log(files)
                // uni.uploadFile({
                //  .....
                // });
            },
        }
    }
</script>

<style lang="scss" scoped>
    .main{
        padding-top: 200upx;
    }
    .content{
        background-color: rebeccapurple;
        font-size: 28upx;
        color: #FFF;
        line-height: 46upx;
        padding: 40upx;
    }
</style>

贡献代码

龙九山。有任何问题，请在平台留言，在手头宽裕得情况下，我会尽快修复问题。