vue-js-modal可拖動的問題

我使用的是vue-js-modal，並且有問題，每次我將我的模態設置爲：draggable =「true」我可以拖動它，但它不讓我在輸入上書寫，因爲我認爲它也認爲它是可拖動的元素，我該如何防止它呢？vue-js-modal可拖動的問題

這是我如何設置它：

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

當模式開我不能改變我的投入，任何人都知道這個問題？謝謝

來源

2017-09-04 Filipe Costa

嗨，輸入錯誤固定在V1.3.0 – euvl

似乎是一個已知的問題，問題報告如下：https://github.com/euvl/vue-js-modal/issues/78

的解決辦法是創建模式中的一個元素，這將是德拉布爾手柄。所以不要讓它重疊你的輸入！然後傳遞新元素的類作爲可拖動的道具。作爲字符串，以便去除結腸

E.g

<modal draggable=".handle"...

來源

2017-09-04 21:04:57

怎麼說呢，剛拖模態的背景是什麼？除了輸入？ –

你總是可以嘗試使用絕對定位元素和z-index。確保在不同的瀏覽器中測試它，因爲會發生意外的行爲。 –

x您已將draggable綁定爲true，以便Vue.js正在查找它的API，試圖找到一些名爲true的選項。相反，脫掉冒號（v-bind:的簡寫）。

更好的是，您可以將字draggable而不分配自定義屬性的值。 vue-js-modal的文檔說需要布爾或字符串，所以只要做<modal draggable>會給你一個可拖動的模式。在模板調用中缺少draggable將設置爲可拖動到其默認的false。

問題可能源於錯誤地使用多個自定義屬性。你也犯了與adaptive和resizable相同的錯誤。

下面的答案指出了某個人在做同樣的事情時遇到問題的問題。

來源

2017-09-04 20:49:23

vue-js-modal可拖動的問題

回答

相關問題