更新记录

3.4.2（2020-06-30） 下载此版本

参数优化

3.3.4（2020-06-24） 下载此版本

支付宝平台必须填写noTab参数

3.3.3（2020-06-23） 下载此版本

修复导出大尺寸错误bug，修改expWidth、expHeight默认计算规则，性能优化

平台兼容性

十分抱歉，因为精力有限，本插件暂停维护

注意：

1) H5平台，后台收到文件后，需要根据文件类型添加后缀，无法直接使用文件后缀

2) 百度小程序使用头像的页面，需要在页面style里配置 "disableScroll": true

H5测试地址: http://www.snyvic.eu/#/

感谢如下用户信息反馈，为组件优化提供宝贵意见和建议

393747897@qq.com、caomeiyouren@qq.com、enson、lionxiong、dcloud@zdxai.com、
暮雪骄阳、帅少

如果单页面使用多个裁剪框，建议使用方法二
用法一

//template部分
    <avatar 
        selWidth="200px" selHeight="400upx" @upload="myUpload" :avatarSrc="url"
        avatarStyle="width: 200upx; height: 200upx; border-radius: 100%;">
    </avatar>

//script部分
    import avatar from "../../components/yq-avatar/yq-avatar.vue";
    export default {
        data() {
            return {
                url: "../../static/logo.png"
            }
        },
        methods: {
            myUpload(rsp) {
                this.url = rsp.path; //更新头像方式一
                //rsp.avatar.imgSrc = rsp.path; //更新头像方式二
            }
        }，
        components: {
            avatar
        }
    }

用法二

//template部分
    <image :src="urls[0]" @click="clk(0)"></image>
    <image :src="urls[1]" @click="clk(1)"></image>
    <button @click="clk(0)">按钮触发</button>
    <avatar @upload="myUpload" ref="avatar"></avatar>

//script部分
    import avatar from "../../components/yq-avatar/yq-avatar.vue";
    export default {
        data() {
            return {
                urls: ["../../static/logo.png","../../static/logo.png"]
            }
        },
        methods: {
            myUpload(rsp) {
                this.$set(this.urls, rsp.index, rsp.path);
            },
            clk(index) {
                this.$refs.avatar.fChooseImg(index,{
                    selWidth: "300upx", selHeight: "300upx",
                    expWidth: '260upx', expHeight: '260upx'
                });
            }
        }，
        components: {
            avatar
        }
    }

您的支持是开源的动力，觉得不错就给个好评给颗星，谢谢! ^-