亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

您的位置:首頁技術文章
文章詳情頁

vue的hash值原理也是table切換實例代碼

瀏覽:2日期:2022-10-19 11:40:31

我希望大家敲一遍

<!DOCTYPE html><html><head><meta charset='utf-8'><title></title><style>.pages>div{display: none;}</style></head><body><p><a href='http://m.lshqa.cn/bcjs/10507.html#/' rel='external nofollow' >aaa</a><a href='http://m.lshqa.cn/bcjs/10507.html#/about' rel='external nofollow' >bbb</a><a href='http://m.lshqa.cn/bcjs/10507.html#/user' rel='external nofollow' >cccc</a></p><div class='pages'><div id='home'>首頁</div><div id='about'>關于我的頁面</div><div class='user'>用戶中心</div></div></body><script type='text/javascript'>//hash 和頁面一一對應起來//router 配置var router = [{path:'/',component:document.getElementById('home')},{path:'/about',component:document.getElementById('about')},{path:'/user',component:document.querySelector('.user')},]// 默認hashwindow.location.hash = '#/';// 默認頁面var currentView = router[0].component;currentView.style.display='block';window.onhashchange=()=>{//通過判斷hash切換div頁面console.log(location.hash);//獲取hash值,不要井號var hash = location.hash.slice(1);router.forEach(item=>{if(item.path==hash){//先隱藏之前顯示的頁面currentView.style.display = 'none';// 顯示對應的組件item.component.style.display = 'block';//重新設置當前顯示的頁面是哪個divcurrentView = item.component;}})}</script></html>

vue的hash值原理也是table切換實例代碼vue的hash值原理也是table切換實例代碼vue的hash值原理也是table切換實例代碼

到此這篇關于vue的hash值原理也是table切換的文章就介紹到這了,更多相關vue hash原理內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
主站蜘蛛池模板: 国产亚洲精品久久麻豆 | 欧美顶级毛片在线播放 | 久草综合视频在线 | 国产三级播放 | 国产精品国产精品国产三级普 | 农村三级孕妇视频在线 | 国产福利社区 | 国产91丝袜在线播放九色 | 男人桶女人暴爽的视频 | 亚洲免费在线看 | 亚洲欧美一区二区三区国产精品 | 久在线视频| 91精品人成在线观看 | a级精品九九九大片免费看 a级毛片免费观看网站 | 亚洲欧美视频一级 | 欧美一级免费在线观看 | 天天综合天天看夜夜添狠狠玩 | 欧美日韩国产综合一区二区三区 | 免费看a| 国产精品午夜性视频 | 99久久精品男女性高爱 | 午夜久久网 | 一级国产a级a毛片无卡 | 欧美自拍网 | 欧美综合成人 | 精品一区二区影院在线 | 欧美在线高清视频 | 精品欧美一区二区在线观看 | 天天看夜夜操 | 欧美成人精品欧美一级乱黄 | 作爱视频在线免费观看 | 成人18免费网 | 美女视频黄视大全视频免费网址 | 中文字幕在线一区二区在线 | 久久a 热6 | 三级理论手机在线观看视频 | 亚洲人成网址在线观看 | 国产一级高清视频 | 久久99国产亚洲精品观看 | 日韩一级片 韩国 | 欧美a一片xxxx片 |