文章列表
-
- keep-Alive搭配vue-router實(shí)現(xiàn)緩存頁面效果的示例代碼
- Vue工程中有些頁面需要有緩存。這個(gè)功能通過keep-alive組件實(shí)現(xiàn)，keep-alive組件可以使被包含的組件保留狀態(tài)，或避免重新渲染。在routes.js中定義路由，在路由中定義元信息(meta字段)，需要緩存的頁面就需要在meta對(duì)象中定義一個(gè)字段，這里設(shè)置為keepAlive，設(shè)置為tr...
- 日期：2023-01-11
- 瀏覽：82
- 標(biāo)簽： Vue
-
- vue router返回到指定的路由的場(chǎng)景分析
- 項(xiàng)目場(chǎng)景：項(xiàng)目場(chǎng)景：示例:A(商品詳情)——B(商品購買頁面)-C(支付成功頁面)——D(訂單頁面）問題描述：提示：這里描述項(xiàng)目中遇到的問題：如果我們不做控制的話，安卓按照瀏覽器返回機(jī)制，依次從D-C-B-A這樣子,這樣子會(huì)有一定的bug,測(cè)試那邊也是說不過去啊，原本想利用beforeRouteLe...
- 日期：2022-11-02
- 瀏覽：6
- 標(biāo)簽： Vue
-
- Vue router安裝及使用方法解析
- 對(duì)于單頁應(yīng)用，官方提供了vue-router進(jìn)行路由跳轉(zhuǎn)的處理，本篇主要也是基于其官方文檔寫作而成。安裝基于傳統(tǒng)，我更喜歡采用npm包的形式進(jìn)行安裝。npm install vue-router --save當(dāng)然，官方采用了多種方式進(jìn)行安裝，包括bower,cdn等。基本用法在HTML文檔中使用，只...
- 日期：2022-10-21
- 瀏覽：73
- 標(biāo)簽： Vue
-
- 解決vue-router路由攔截造成死循環(huán)問題
- 筆記：vue-router路由攔截造成死循環(huán),在做路由攔截的時(shí)候，一直出現(xiàn)死循環(huán).router的index.js文件路由配置const router = new Router({routes: [{path: ’/login’,name: ’login’,component: Login,meta:...
- 日期：2022-12-15
- 瀏覽：90
- 標(biāo)簽： Vue
-
- MySQL Router實(shí)現(xiàn)MySQL的讀寫分離的方法
- 目錄1.簡介2.配置MySQL Router2.1 安裝MySQL Router2.2 啟動(dòng)并測(cè)試MySQL Router3.MySQL Router的配置文件解釋1.DEFAULT片段的配置。2.logger片段的配置。3.routing片段的配置。4.為MySQL Router提供SysV腳本1...
- 日期：2023-10-02
- 瀏覽：98
- 標(biāo)簽： MySQL 數(shù)據(jù)庫
-
- Vue Router的手寫實(shí)現(xiàn)方法實(shí)現(xiàn)
- 為什么需要前端路由在前后端分離的現(xiàn)在，大部分應(yīng)用的展示方式都變成了 SPA（單頁面應(yīng)用 Single Page Application）的模式。為什么會(huì)選擇 SPA 呢？原因在于： 用戶的所有操作都在同一個(gè)頁面下進(jìn)行，不進(jìn)行頁面的跳轉(zhuǎn)。用戶體驗(yàn)好。 對(duì)比多頁面，單頁面不需要多次向服務(wù)器請(qǐng)求加載頁...
- 日期：2023-02-04
- 瀏覽：83
- 標(biāo)簽： Vue
-
- Vue Router中應(yīng)用中間件的方法
- 中間件是我們?cè)谲浖_發(fā)中的一個(gè)古老而強(qiáng)大的概念，當(dāng)我們?cè)趹?yīng)用程序中使用路由相關(guān)模式時(shí)，它非常有用。如果您不太了解中間件的含義，Nodejs框架Express里的中間件可以幫助您了解它們的工作原理。但是，中間件僅適用于后端嗎？不，當(dāng)應(yīng)用程序中有路由時(shí)，中間件在前端或后端中就會(huì)非常常見。比如現(xiàn)在流行的單...
- 日期：2022-12-14
- 瀏覽：73
- 標(biāo)簽： Vue
-
- 如何手寫簡易的 Vue Router
- 前言還是那樣，懂得如何使用一個(gè)常用庫，還得了解其原理或者怎么模擬實(shí)現(xiàn)，今天實(shí)現(xiàn)一下 vue-router 。有一些知識(shí)我這篇文章提到了，這里就不詳細(xì)一步步寫，請(qǐng)看我 手寫一個(gè)簡易的 Vuex 基本骨架 Vue 里面使用插件的方式是 Vue.use(plugin) ，這里貼出它的用法： 安裝 Vu...
- 日期：2022-11-16
- 瀏覽：76
- 標(biāo)簽： Vue
-
- Vue router傳遞參數(shù)并解決刷新頁面參數(shù)丟失問題
- Vue Router 傳參方式：1. this.$router.push({ name: ’模塊名稱’, params: { // 各參數(shù) } })router.js：export default new Router({ routes: [ { path: ’/paramsPassingBy...
- 日期：2022-10-22
- 瀏覽：70
- 標(biāo)簽： Vue
-
- Vue-router路由該如何使用
- 一、說明Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成， 讓構(gòu)建單頁面應(yīng)用變得易如反掌。包含的功能有： 嵌套的路由/視圖表 模塊化的、基于組件的路由配置 路由參數(shù)、查詢、通配符 基于Vue js過渡系統(tǒng)的視圖過渡效果 細(xì)粒度的導(dǎo)航控制 帶有自動(dòng)激活的C...
- 日期：2022-10-03
- 瀏覽：15
- 標(biāo)簽： Vue
排行榜
網(wǎng)公網(wǎng)安備