Используйте Slim Crop Image в VUE 2 - PullRequest
0 голосов
/ 01 марта 2019

Это способ использовать 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...