為您找到相關(guān)結(jié)果42,954個(gè)
vue新玩法VueUse工具庫(kù)具體用法@vueuse/core詳解_vue.js_腳本之家
1、useMouse:監(jiān)聽(tīng)當(dāng)前鼠標(biāo)坐標(biāo)的一個(gè)方法,他會(huì)實(shí)時(shí)的獲取鼠標(biāo)的當(dāng)前的位置 2、usePreferredDark:判斷用戶是否喜歡深色的方法,他會(huì)實(shí)時(shí)的判斷用戶是否喜歡深色的主題 3、useLocalStorage:數(shù)據(jù)持久化到本地存儲(chǔ)中 例子: 1 2 3 4 5 6 useLocalStorage( ‘my-storage', { name: ‘a(chǎn)uthor', }, ) 4、throttleFilte...
www.dbjr.com.cn/article/2599...htm 2025-6-5
vue實(shí)現(xiàn)監(jiān)聽(tīng)localstorage值變化_vue.js_腳本之家
現(xiàn)在有一個(gè)很方便的方式,那就是 監(jiān)聽(tīng),其他頁(yè)面正常像以前一樣往 storage 存儲(chǔ)值,如:localStorage.setItem(‘calling’, ‘55894’),然后需要獲取該值的頁(yè)面可以通過(guò)監(jiān)聽(tīng)storage,就直接拿到變化后的值,示例如下: 1 2 // localhost:8080/pageOne 頁(yè)面 localStorage.setItem('calling','55894') 1 2 3 4 5 6 /...
www.dbjr.com.cn/article/2612...htm 2025-6-7
vue-i18n實(shí)現(xiàn)中英文切換的方法_vue.js_腳本之家
Vue.use(VueI18n); const i18n =newVueI18n({ locale: localStorage.getItem("lang") == (undefined ||""||null) ?"zh" : localStorage.getItem("lang"), messages: { zh: require("../static/lang/text-zh.json"), en: require("../static/lang/text-en.json") } }); newVue({ router, sto...
www.dbjr.com.cn/article/1901...htm 2025-6-4
vue中組件通信的八種方式(值得收藏!)_vue.js_腳本之家
通過(guò)window.localStorage.getItem(key)獲取數(shù)據(jù) 通過(guò)window.localStorage.setItem(key,value)存儲(chǔ)數(shù)據(jù) 注意用JSON.parse() / JSON.stringify() 做數(shù)據(jù)格式轉(zhuǎn)換 localStorage / sessionStorage可以結(jié)合vuex, 實(shí)現(xiàn)數(shù)據(jù)的持久保存,同時(shí)使用vuex解決數(shù)據(jù)和狀態(tài)混亂問(wèn)題. 八$attrs與 $listeners 現(xiàn)在我們來(lái)討論一種情況, 我們一...
www.dbjr.com.cn/article/1673...htm 2025-6-7
Vue聲明式導(dǎo)航與編程式導(dǎo)航示例分析講解_vue.js_腳本之家
// 如果訪問(wèn)的地址是/background,則需要讀取localStorage中的token值 // 如果有token,則放行,如果沒(méi)有,則強(qiáng)制跳轉(zhuǎn)到/login登錄頁(yè) if(to.path==="/background"){ const token=localStorage.getItem("token") if(token){ next() }else{ next("/login") ...
www.dbjr.com.cn/article/2688...htm 2025-5-28
Vue組件通信方式(父?jìng)髯?、子傳父、兄弟通?_vue.js_腳本之家
1 window.localStorage.setItem('params', JSON.stringify(object));2. 通過(guò)跳轉(zhuǎn) url 傳參1 // 跳轉(zhuǎn)路徑帶參數(shù)3. 通過(guò) BroadCast channel 廣播實(shí)現(xiàn)通信1 2 // 創(chuàng)建一個(gè)廣播頻道 const bc = new BroadcastChannel('kaixin');1 2 3 4 // 其他頁(yè)面可以通過(guò)onmessage來(lái)監(jiān)聽(tīng)被廣播的消息 bc.onmessage = ...
www.dbjr.com.cn/article/2496...htm 2025-5-22
Vue+ElementUI實(shí)現(xiàn)動(dòng)態(tài)更換任意主題色(動(dòng)態(tài)換膚)的全過(guò)程_vue.js_腳本...
localStorage.setItem('theme', value) // 緩存起來(lái),刷新的時(shí)候重新取用 // eslint-disable-next-line no-prototype-builtins if (state.hasOwnProperty(key)) { state[key] = value } } } const actions = { changeSetting ({ commit }, data) { commit('CHANGE_SETTING', data) } } export default...
www.dbjr.com.cn/article/2750...htm 2025-5-29