iT邦幫忙

0

關於使用 vue 任意挪動 div 元素到滑鼠指定位置問題

  • 分享至 

  • xImage

嗨各位好 我想請問一個問題

這是我的程式碼如下
https://codesandbox.io/s/kind-spence-eqpqhd?file=/src/App.vue

我希望 你好世界 可以顯示在方框內中 並且這個 元素 只能顯示在 寬高範圍內 並且不能超出

我寫完後發現他會超出顯示範圍 這個部分請問該修改那邊的程式呢?

謝謝

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
froce
iT邦大師 1 級 ‧ 2023-01-08 16:49:48

https://codesandbox.io/s/focused-austin-69ly8e?file=/src/App.vue
沒用到你用的lib的版本

你用的lib只能用位置去判斷,有個 drag-end 事件。
如果一定要用那個lib,只能判斷最後放下的位置。

0
chiayinin
iT邦新手 4 級 ‧ 2023-01-19 16:58:53

因為沒有用過這個套件,看了一下是 <Vue3DraggableResizable>有設定 position: relative;,在父層加入 position: relative; 就會在框框裡面了,但建議還是要看一下文件的用法來做調整。

我要發表回答

立即登入回答