不小心写死循环窗口弹出了

1
// 定义一个响应式的引用，用于笔记的文本内容
2
const textcontent = ref('');
3

4
// 导入必要的Vue组合API函数和Tauri API
5
import { ref, onMounted, onUnmounted } from 'vue';
6
import { Window } from '@tauri-apps/api/window';
7
import { invoke } from '@tauri-apps/api/core';
8

9
// 从Tauri获取当前窗口实例
10
const currentWindow = Window.getCurrent();
11

12
// 用于保存清理函数的变量
13
let unlisten: (() => void) | undefined;
14

15
// 组件挂载时运行的生命周期钩子
16
onMounted(async () => {
17
  // 监听窗口关闭请求事件
18
  unlisten = await currentWindow.onCloseRequested(async (event) => {
19
    // 阻止默认关闭行为，以便手动处理
20
    event.preventDefault();
21
    // 调用后端命令保存笔记，传递窗口标签和内容
22
    const shouldClose = await invoke('save_notes', {
23
      label: currentWindow.label,
24
      content: textcontent.value,
25
    });
26
    // 如果后端指示关闭，则销毁窗口
27
    if (shouldClose) {
28
      currentWindow.destroy();
29
    }
30
  });
31
});
32

33
// 组件卸载时运行的生命周期钩子
34
onUnmounted(() => {
35
  // 如果存在，清理事件监听器
36
  if (unlisten) {
37
    unlisten();
38
  }
39
});

1
// 导入必要的Tauri模块，用于处理应用和窗口管理
2
use tauri::{AppHandle, Manager};
3
// 从Tauri对话框插件导入对话框扩展和按钮类型
4
use tauri_plugin_dialog::{DialogExt, MessageDialogButtons};
5

6
// 定义一个可以从前端调用的Tauri命令
7
// 此命令接受窗口标签、笔记内容和应用句柄作为参数
8
#[tauri::command]
9
pub fn save_notes(label: &str, content: &str, app: AppHandle) {
10
    // 打印调试消息，指示特定窗口的保存操作
11
    println!("nia - saving note for window: {}", label);
12

13
    // 检索与给定标签关联的webview窗口
14
    // 这会解包Option，假设窗口存在（在生产中，应正确处理错误）
15
    let note_window = app.get_webview_window(label).unwrap();
16

17
    // 克隆窗口句柄以在闭包中使用，避免所有权问题
18
    let note_window_clone = note_window.clone();
19

20
    // 在窗口上构建并显示消息对话框
21
    // 对话框询问用户是否要保存笔记
22
    let result = note_window
23
        .dialog()
24
        .message("Do you want to save the note?")  // 对话框中显示的消息
25
        .title("Save Note")  // 对话框窗口的标题
26
        .buttons(MessageDialogButtons::OkCancelCustom(
27
            "Save".to_string(),  // 确定按钮的自定义文本
28
            "Cancel".to_string(),  // 取消按钮的自定义文本
29
        ))
30
        // 显示对话框并异步处理结果
31
        .show(move |result| match result {
32
            // 如果用户点击“保存”（true）
33
            true => {
34
                // 打印结果用于调试
35
                println!("{}", result);
36
                // 尝试关闭窗口；使用let _忽略任何错误
37
                let _ = note_window_clone.close();
38
            }
39
            // 如果用户点击“取消”（false）
40
            false => {
41
                let _ = note_window_clone.close();
42
            }
43
        });
44
}

1
const textcontent = ref('');
2
import { ref, onMounted, onUnmounted } from 'vue';
3
import { Window } from '@tauri-apps/api/window';
4
import { invoke } from '@tauri-apps/api/core';
5
import { listen } from '@tauri-apps/api/event';
6
interface Event {
7
  payload: boolean;
8
}
9
const currentWindow = Window.getCurrent();
10
let unlisten: (() => void) | undefined;
11
let unlistenNoteClose: (() => void) | undefined;
12
let ifclose = ref<boolean>(false);
13
onMounted(async () => {
14
  unlistenNoteClose = await listen('note_close', (event: Event) => {
15
    ifclose.value = event.payload;
16
    console.log('saiodiojas  ' + ifclose.value);
17
  });
18
  unlisten = await currentWindow.onCloseRequested(async (event) => {
19
    if (!ifclose.value) {
20
      event.preventDefault();
21
      const shouldClose = await invoke('save_notes', {
22
        label: currentWindow.label,
23
        content: textcontent.value,
24
      });
25
    }
26
  });
27
});

1
use tauri::{AppHandle, Emitter, Manager};
2
use tauri_plugin_dialog::{DialogExt, MessageDialogButtons};
3
#[tauri::command]
4

5
pub fn save_notes(label: &str, content: &str, app: AppHandle) {
6
    println!("nia - saving note for window: {}", label);
7
    let note_window = app.get_webview_window(label).unwrap();
8
    let note_window_clone = note_window.clone();
9
    let app_clone = app.clone();
10
    let label_clone = label.to_string();
11
    let result = note_window
12
        .dialog()
13
        .message("Do you want to save the note?")
14
        .title("Save Note")
15
        .buttons(MessageDialogButtons::OkCancelCustom(
16
            "Save".to_string(),
17
            "Cancel".to_string(),
18
        ))
19
        .show(move |result| match result {
20
            true => {
21
                println!("{}", result);
22
                app_clone
23
                    .emit_to(&label_clone, "note_close", result)
24
                    .unwrap();
25

26
                let _ = note_window_clone.close();
27
            } // do something,
28
            false => {
29
                let _ = note_window_clone.close();
30
            } // do something,
31
        });
32
}