tauri和vue通信的問(wèn)題解決方案示例詳解
vue在前端調(diào)用rust里的函數(shù)
之前用bery寫(xiě)了個(gè)ui發(fā)現(xiàn)cpu占用挺高的 就試著用tauri寫(xiě)一下發(fā)現(xiàn)性能還挺好的，記錄日志時(shí)候刷新幾萬(wàn)條也不卡
前端使用的是vue在前端調(diào)用rust里的函數(shù)可以在methods里面添加
async increment() {
let a = await invoke("set_filter", {"filter":"filter_str"} );
},在rust里面添加
#[tauri::command]
fn set_filter(_window: tauri::Window, filter: &str) -> bool{
return true;
}在rust中通知vue需要發(fā)消息
在vue中先監(jiān)聽(tīng)消息可以在mounted中調(diào)用
async mounted(){
this.unlisten = listen('udp_log', this.handleEventRecv);
},注銷(xiāo)時(shí)候調(diào)用一下listen返回的值就行了
unmounted(){
this.unlisten.then(F=>F());
}在rust中發(fā)消息時(shí)候有可能是在單獨(dú)一個(gè)線程里發(fā)的可以使用
后臺(tái)進(jìn)程使用
lazy_static!{
static ref G_UDP_SER: Mutex<UdpNetworkPlugin> = Mutex::new(UdpNetworkPlugin::new());
}創(chuàng)建一個(gè)全局變量，先不啟動(dòng)后臺(tái)進(jìn)程 ，啟動(dòng)后臺(tái)進(jìn)程等app啟動(dòng)獲取到可以發(fā)消息的句柄再啟動(dòng)，啟動(dòng)app可以使用
fn main() {
let app = tauri::Builder::default()
.invoke_handler(tauri::generate_handler![greet, set_filter, get_new_log])
.build(tauri::generate_context!())
.expect("init app err");
//.run(tauri::generate_context!())
//.expect("error while running tauri application");
//start_timer(win_app);
{
let win_app = app.get_window("main").unwrap();
let mut udp_ser = G_UDP_SER.lock().unwrap();
udp_ser.start_thread(win_app);
}
app.run(|_,_| {});
}先構(gòu)造一個(gè)app 先不run 就能用app獲取到發(fā)消息的句柄
發(fā)消息使用
win.emit("udp_log", text.to_string());
這個(gè)只有這個(gè)win move到后臺(tái)線程
以上就是tauri和vue通信的問(wèn)題解決方案示例詳解的詳細(xì)內(nèi)容，更多關(guān)于tauri vue通信的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
electron-vue+electron-updater實(shí)現(xiàn)自動(dòng)更新(步驟源碼)
這篇文章主要介紹了electron-vue+electron-updater實(shí)現(xiàn)自動(dòng)更新,步驟源碼包括autoUpdater.js操控更新js文件，main.js也就是package.json內(nèi)的main指向的js文件，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
vue前端框架vueuse的useScroll函數(shù)使用源碼分析
這篇文章主要為大家介紹了vueuse的useScroll函數(shù)源碼分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
vue-cropper組件實(shí)現(xiàn)圖片切割上傳
這篇文章主要為大家詳細(xì)介紹了vue-cropper組件實(shí)現(xiàn)圖片切割上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
Vue3?實(shí)現(xiàn)一個(gè)自定義toast?小彈窗功能
這篇文章主要介紹了Vue3?實(shí)現(xiàn)一個(gè)自定義toast?小彈窗,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
vant picker+popup 自定義三級(jí)聯(lián)動(dòng)案例
這篇文章主要介紹了vant picker+popup 自定義三級(jí)聯(lián)動(dòng)案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
vue中如何創(chuàng)建多個(gè)ueditor實(shí)例教程
這篇文章主要給大家介紹了關(guān)于vue中如何創(chuàng)建多個(gè)ueditor的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
這篇文章主要介紹了VUE中的自定義指令鉤子函數(shù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要給大家介紹了關(guān)于如何基于Vue3封裝一個(gè)好用的Websocket的相關(guān)資料,在Vue3中我們可以將Websocket類(lèi)封裝成一個(gè)Vue插件,以便全局使用,需要的朋友可以參考下2023-09-09
今天小編就為大家分享一篇webstorm+vue初始化項(xiàng)目的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
本文通過(guò)實(shí)例代碼給大家介紹了基于Vue開(kāi)發(fā)數(shù)字輸入框組件,需要的朋友可以參考下2017-12-12