vue-imgcut

安装
npm install vue-imgcut –save

使用说明

<imgCut ref="Uppicinput" @callback="callback" :width="200" :height="200">
    <div>上传按钮</div>
</imgCut>
<img :src="imgsrc">

import {imgCut} from 'vue-imgcut'

export default {
    data(){
        return{
            imgsrc:'',
        }
    },
    components:{
        imgCut
    },
    methods:{
        callback(img){
            this.imgsrc=img
            //console.log(imgss)
        }
    }
}

callback :回调函数 img 是base64字符串
width: 截取宽单位px
height :截取高单位px

传送门

Logo

前往低代码交流专区

更多推荐