通过vue-cropper实现图片预览以及滚轮控制图片大小

发布时间:2023年12月17日

本来是准备自己写的,但是可以更便捷的实现这个效果为什么不用呢

一、第一步肯定是下载依赖

npm install vue-cropper

二、第引入,我是直接在单页面引入的,因为我暂时没有其他地方需要用到

三、使用

<el-dialog class="subcoat" :visible.sync="dialogVisible" width="1000px" append-to-body >
        <vue-cropper
            ref="cropper"
            :img="imageUrl"
            :info="true"
            v-if="dialogVisible"/>
      </el-dialog>

是不是很简单,实际使用就这几行代码,img绑定一下图片的路径即可,样式看个人喜好

文章来源:https://blog.csdn.net/yy_demo/article/details/134955498
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。