【如快 Tauri2 实践】窗口 drag 避坑

578 阅读1分钟

使用浏览器默认的 drag 会失效,需要使用 Tauri 自带的 drag,参考:

github.com/ant-design/…

1. 开启 drag 功能

{
  "windows": [
    {
      "dragDropEnabled": true
    }
  ]
}

2. 开启相关权限

core:window:allow-start-dragging

3. 监听 drag 事件

// 拖拽事件处理
listen(TauriEvent.DRAG_DROP, (e) => {
  dragOver.value = false;
  // ...
})
listen(TauriEvent.DRAG_LEAVE, () => {
  dragOver.value = false;
  // ...
})
listen(TauriEvent.DRAG_ENTER, () => {
  dragOver.value = true;
  // ...
})