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

2023-12-14 09:56:54

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

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

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
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。