[發明專利]基于編程語言為Vue創建動畫效果的方法以及電子設備

在審

• 申請號: 201910145231.4
• 申請日: 2019-02-27
• 公開（公告）號: CN109976755A
• 公開（公告）日: 2019-07-05
• 發明（設計）人: 孫悅;李天馳
• 申請（專利權）人: 深圳點貓科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 廣東良馬律師事務所 44395
• 代理人: 李良

1.一種基于編程語言為Vue創建動畫效果的方法，其特征在于，包括步驟：

A、獲取Vue的目錄層次信息和路由層次信息，并判斷兩者是否一致；

B、當目錄層次信息和路由層次信息一致時，為Vue中的路由組件添加transition組件，并設置transition組件中的進入動畫效果和離開動畫效果；

C、獲取所述路由組件的根節點，并修改根節點的定位方式；

D、監聽所述路由組件，并獲取所述路由層次信息，并根據所述路由層次信息使用進入動畫效果和離開動畫效果。

2.根據權利要求1所述基于編程語言為Vue創建動畫效果的方法，其特征在于，所述步驟A之前具體包括：

配置Vue的路由組件信息，所述路由組件信息具體為路由組件的路徑和路由組件的名稱；

定義路由組件的跳轉函數，并定義所述跳轉函數的共用參數。

3.根據權利要求1所述基于編程語言為Vue創建動畫效果的方法，其特征在于，所述步驟B包括：

當目錄層次信息和路由層次信息不一致時，發送相應的錯誤警告。

4.根據權利要求1所述基于編程語言為Vue創建動畫效果的方法，其特征在于，所述步驟C具體包括：

C1、獲取所述路由組件的根節點，并獲取根節點的當前定位方式；

C2、對當前定位方式進行修改，將當前定位方式修改為根據窗口進行定位，以使所述動畫效果和離開動畫效果同步完成。

5.根據權利要求1所述基于編程語言為Vue創建動畫效果的方法，其特征在于，所述路由層次信息具體是指特殊字符的數量，其中，特殊字符具體為“/”。

6.根據權利要求1所述基于編程語言為Vue創建動畫效果的方法，其特征在于，所述步驟D具體包括：

D1、監聽所述路由組件，獲取進入路由組件時對應的路由層次信息，以及獲取離開路由組件時對應的路由層次信息；

D2、將進入路由組件時對應的路由層次信息和離開路由組件時對應的路由層次信息進行對比，得到對比結果，并根據對比結果使用相應的動畫效果。

7.根據權利要求6所述基于編程語言為Vue創建動畫效果的方法，其特征在于，所述步驟D2具體包括：

當對比結果為：進入路由組件時對應的路由層次信息大于離開路由組件時對應的路由層次信息，則當前頁面以離開動畫效果從左側離開，新頁面以進入動畫效果從右側進入；

當對比結果為：進入路由組件時對應的路由層次信息小于離開路由組件時對應的路由層次信息，則當前頁面以離開動畫效果從右側離開，新頁面以進入動畫效果從左側進入。

8.一種電子設備，其特征在于，包括：

處理器，適于實現各指令，以及

存儲設備，適于存儲多條指令，所述指令適于由處理器加載并執行：

獲取Vue的目錄層次信息和路由層次信息，并判斷兩者是否一致；

當目錄層次信息和路由層次信息一致時，為Vue中的路由組件添加transition組件，并設置transition組件中的進入動畫效果和離開動畫效果；

獲取所述路由組件的根節點，并修改根節點的定位方式；

監聽所述路由組件，并獲取所述路由層次信息，并根據所述路由層次信息使用進入動畫效果和離開動畫效果。

9.一種計算機程序產品，其特征在于，計算機程序產品包括存儲在非易失性計算機可讀存儲介質上的計算機程序，計算機程序包括程序指令，當程序指令被處理器執行時，使所述處理器執行權利要求1-7任一項所述的基于編程語言為Vue創建動畫效果的方法。

10.一種非易失性計算機可讀存儲介質，其特征在于，所述非易失性計算機可讀存儲介質存儲有計算機可執行指令，該計算機可執行指令被一個或多個處理器執行時，可使得所述一個或多個處理器執行權利要求1-7任一項所述的基于編程語言為Vue創建動畫效果的方法。