Это способ использовать Slim cropper Image в vue2
в HTML ...
<slim-cropper :options="slimOptions" :id="'slim2'+index" >
<img :src="'../../../images/proyectos/'+proyecto.foto" alt="">
<input type="file"/>
</slim-cropper>
js
<script>
` import Slim from 'slim-cropper-uploading/slim/slim.vue';
export default{
components: {
'slim-cropper': Slim
},
data(){
return{
proyectos:[],
indexProyectoBorrar:null,
slimOptions: {
ratio: '1:1',
saveInitialImage:true,
initialImage: '',
download: false,
uploadBase64:true,
label: 'Agregar foto <p><i class="material-icons" style="font-size:45px;">touch_app</i></p>',
willSave: function(data, ready) { //data imagen cargada o editada
ready(data);
},
},
</script>