我有一个draggable=true的元素，想在鼠标释放后触发mouseup事件。但是它不起作用。

<template>
    <div>
        <div draggable=true @dragstart="dragStart" @mouseup="onmouseUp" name="dragdiv"><a href="#">Drag this</a></div>
    </div>
</template>

<script>

export default{
  methods: {
      onmouseUp: function(){
         console.log('mouse released')
      }
  },
}