Vue.jsで画像をドラッグ＆ドロップでアップロードする枠外にドロップした際、画像を表示させない方法。

ドラック＆ドロップで間違って枠外にドロップしてしまうことがあります。
そうなると画像が表示されてしまい良いアップローダーとは、言えません。

以下を記述するだけで避けれます。

mounted () {
        window.ondrop = function(e){
            e.preventDefault();
        };
        window.ondragover = function(e){
            e.preventDefault();
        };
    }

参考になったら幸いです。