怎樣根據當前的路由位址動態啟用選單欄

2021-09-27 08:45:14 字數 456 閱讀 4486

此問題可分為兩種解決方法:

1、手動操作dom 元素

2、利用vue的特性動態渲染

用第一種方法,需要以下 3 步

(1)獲得當前已經加了active類的物件,依次removeclass('active')

(2)根據當前的路由位址,判斷需要新增active類的物件

(3)為需要新增active類的物件新增active 方法

用第二種方法,需要以下3 步

(1)在data裡初始化乙個全域性變數currentmenu

(2)監聽到路由變化時,修改currentmenu的數值

(3)在html標籤中,利用  :class="" 為所需要的標籤按鈕新增active類

由於使用dom去操作挺複雜的,之前熟悉使用jq所以第一反應是第一種方法,走了不少坑。通過使用第二種方法很輕鬆地解決了此問題。所以將此問題記錄下來,供將來碰到此問題的自己和朋友參考

Vue獲取當前路由位址以及當前頁面的位址

最近在做乙個電商專案,其中搜尋功能封裝成乙個元件用在多個路由元件中,使用者通過輸入相關商品名進行搜尋,其中要實現的乙個點就是 要是當前為商品頁面則更新商品列表,若不是商品頁面,則新開乙個商品視窗。實現 1 用this.router.path獲取當前的路由位址,判斷是否是商品路由位址,若是則更新資料即...

ios中 根據網域名稱動態獲取ip位址

為什麼動態獲取ip呢,在正常的網路請求中,理論上其實訪問的是ip位址,網際網路中用乙個ip去標識乙個計算機,但是單純的用ip訪問也會引發諸如安全性或因伺服器變更引發的問題,所以dns出現了,不了解dns的 可以先去了解一下dns,dns的出現解決了ip訪問引發的問題,但也造成請求時間和效能上的犧牲,...

根據訪問位址不同動態更改資料請求介面位址

本人在專案開發中,因為專案放在多個伺服器,有多個訪問位址,所以後台沒有給固定的介面請求位址,需要通過判斷線上訪問位址,來動態修改介面位址,也就是介面位址 訪問位址 介面名 怎麼實現呢,思路就是獲取訪問位址,擷取字串,再拼接 var urlstr window.location.href 獲取訪問位址...