vue-js-modal ziehbares Problem

Ich benutze vue-js-modal, und habe ein Problem damit, jedes Mal, wenn ich mein Modal als: draggable = "true" setze kann ich es ziehen, aber es lässt mich nicht auf die Eingaben schreiben, weil ich denke, dass es es als ziehbare Elemente auch betrachtet, wie kann ich es verhindern?vue-js-modal ziehbares Problem

dies ist, wie ich sie aufrichten

<!-- 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>

, wenn die modale offen ich nicht meine Eingaben ändern kann, kann jeder das Problem wissen? danke

Quelle

2017-09-04 Filipe Costa

Hallo, wird der Eingang Fehler in v1.3.0 fixiert – euvl

scheint ein bekanntes Problem zu sein, wie hier berichtet: https://github.com/euvl/vue-js-modal/issues/78

Die Lösung wäre ein Element in Ihrem modal zu schaffen, die der drabble Griff sein. Also überlappen Sie Ihre Eingaben nicht! Übergeben Sie dann die Klasse des neuen Elements als ziehbare Stütze. Als Zeichenfolge entfernen, um den Darm

Z. B

<modal draggable=".handle"...

Quelle

2017-09-04 21:04:57

wie ich sagen kann, ziehen Sie einfach den Hintergrund des modal? außer den Eingängen? –

Sie könnten immer versuchen, mit absolut positionierten Elementen und dem Z-Index herumzuspielen. Stellen Sie sicher, dass Sie es in verschiedenen Browsern testen, da unerwartetes Verhalten auftreten wird. –

xSie haben draggable zu True gebunden, so dass Vue.js innerhalb seiner API sucht, um eine Option namens true zu finden. Heben Sie stattdessen den Doppelpunkt (Kurzzeichen für) ab.

Besser noch, Sie könnten einfach das Wort draggable setzen, ohne dem benutzerdefinierten Attribut einen Wert zuzuweisen. Die Dokumentation für vue-js-modal sagt, dass es Booleans oder Strings braucht, also macht gerade <modal draggable> Ihnen ein ziehbares modales. Das Fehlen von draggable im Vorlagenaufruf wird ziehbar auf seinen Standardwert false gesetzt.

Das Problem liegt wahrscheinlich daran, dass mehrere benutzerdefinierte Attribute falsch verwendet werden. Sie haben auch den gleichen Fehler mit adaptive und resizable gemacht.

Die Antwort unten verlinkt auf ein Problem in diesem Repo, wo jemand das gleiche tat und Probleme hatte!

Quelle

2017-09-04 20:49:23

vue-js-modal ziehbares Problem

Antwort

Verwandte Themen