今天在用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...