vue-js-modal draggable issue

Question

私はvue-js-modalを使用していて、私のモーダルを次のように設定するたびに問題があります：draggable = "true"ドラッグすることはできますが、私はそれもドラッグ可能な要素と考えていると思うので、どうすればそれを防ぐことができますか？

これは私がそれを設定する方法である：私は私の入力を変更することができないとき、モーダルが開い

<!-- modal dedicated to the panel history --> 
    <modal :adaptive="true" height="70%" width="60%" :resizable="true" class="modalSize" :draggable='true' name="modalPanel"> 
    <span class="cross" @click="$modal.hide('modalPanel')"> 
     ✖ 
    </span> 
    <!-- here lives the panel history --> 
    <appPanelHistory> 
    </appPanelHistory> 
    </modal> 

、誰もが問題を知っていますか？ありがとう

Answer 1

は、ここで報告したように、既知の問題であるように思わ：https://github.com/euvl/vue-js-modal/issues/78

ソリューションはドラブルのハンドルになりますあなたのモーダル内の要素を作成することです。だからあなたの入力に重複しないようにしてください！その後、新しい要素のクラスをドラッグ可能な小道具として渡します。文字列のようにコロン

例えば

<modal draggable=".handle"... 

Answer 2

x draggableをtrueにバインドしました。そのため、Vue.jsはAPI内で、trueという名前のオプションを見つけようとしています。代わりに、コロンを外してください（v-bind:の略語）。

さらに、カスタム属性に値を割り当てずにdraggableという単語を入力するだけで済みます。 vue-js-modalのドキュメントではブーリアンまたはストリングが必要なので、<modal draggable>を実行するとドラッグ可能なモーダルが得られます。テンプレート呼び出しでdraggableが不足すると、draggableがデフォルトのfalseに設定されます。

問題は、複数のカスタム属性の使用が間違っている可能性があります。あなたはまた、adaptiveとresizableと同じミスをしました。

以下の回答は、誰かが同じことをして問題を抱えていたそのレポの問題にリンクしています。