SOURCE

var Main = {
    data() {
        return {
            data: {
                name: 'test'
            },
            fits: ['fill', 'contain', 'cover', 'none', 'scale-down'],
            url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
        }
    },
    methods: {
        handle(e,data) {
            console.info(e, data)
        }
    }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

<script src="//unpkg.com/vue@2/dist/vue.js">
</script>
<script src="//unpkg.com/element-ui@2.15.13/lib/index.js">
</script>
<div id="app">
	<div class="demo-image">
		<div class="block" v-for="fit in fits" :key="fit">
			<span class="demonstration">{{ fit }}</span>
    <el-image
              draggable
      style="width: 100px; height: 100px"
      :src="url"
      :fit="fit"
       @dragstart="handle($event, data)"></el-image>
  </div>
</div>
</div>

@import url("//unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css");
#app {
    width: 500px;
    color: #fff;
}