js將頁面元素隱藏

2021-10-08 23:49:49 字數 645 閱讀 2603

今天在用vue寫專案(第一次接觸vue專案,菜雞乙個,啥也看不懂)的時候,遇到了乙個』小『bug

情景時這樣的

使用者為普通管理員的時候,選單欄中某一部分是看不到的,超級管理員全部可以看到

開始向用router.js中的乙個屬性hideinmenu來解決,但是在除錯的過程中發現,資料雖然是變了,但是頁面不重新整理啊,必須手動重新整理一下才行,接下來的解決方法就是在首頁載入完畢後自動重新整理一下,然後在首頁的mounted()方法中寫了一句window.location.reload(),然後結果就是頁面一直重新整理,我丟。。,重新整理一次之後,這個函式會被再次載入,然後又重新整理,無限迴圈啊。。。

最後靈光一現,想到了乙個方法就是用js獲取到首頁上需要隱藏的元素,然後display = "none"就好了

方法:

var element = document.

evaluate

("xpath位置"

,document)

.iteratenext()

;//獲取元素

element.style.display =

"none"

;//隱藏元素

如果要封裝多個function可以使用乙個函式,可以檢視我的分類專欄中的js函式收藏

頁面元素隱藏和顯示

一 jquery hide 和 show 通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function show click function 語法 selector hide speed,callback selector sho...

用 CSS 隱藏頁面元素

用 css 隱藏頁面元素有許多種方法。你可以將 opacity 設為 0 將 visibility 設為 hidden 將 display 設為 none 將 position 設為 absolute 然後將位置設到不可見區域。opacity,佔據網頁布局,可以互動,讀屏軟體可以讀到它 opacit...

js獲取頁面元素

獲取頁面元素的四種方式 1 通過標籤名來獲取 var box document.getelementsbytagname div 2 console.log box 2 通過class名來獲取 var box2 document.getelementsbyclassname div1 0 conso...