vue获取当前url,Vue获取当前URL的新标题

vue获取当前url,Vue获取当前URL的新标题

Vue是一种流行的前端开发框架,它能够帮助开发者构建现代化的、高效的Web应用程序。在Vue中,获取当前URL是一个常见的需求,因为它可以帮助我们实现一些特定的功能,比如根据URL的不同展示不同的内容或者进行页面跳转。介绍如何使用Vue来获取当前URL,并且将重点放在如何使用获取到的URL来改变页面的标题上。

我们需要在Vue组件中获取当前URL。Vue提供了一个内置的$route对象,它包含了当前路由的信息,包括URL。我们可以通过访问$route对象的path属性来获取当前URL。具体的代码如下:

“`javascript

export default {

mounted() {

const currentURL = this.$route.path;

console.log(currentURL);

}

上面的代码中,我们在组件的mounted生命周期钩子函数中获取了当前URL,并将其打印到了控制台中。你可以根据自己的需求来使用获取到的URL。

接下来,我们将重点放在如何使用获取到的URL来改变页面的标题上。在Vue中,我们可以通过修改页面的``标签来改变页面的标题。为了实现这个功能,我们可以使用Vue提供的`document.title`属性。具体的代码如下:</p> <p>```javascript</p> <p>export default {</p> <p> mounted() {</p> <p> const currentURL = this.$route.path;</p> <p> document.title = `当前URL:${currentURL}`;</p> <p> }</code></pre> <p>上面的代码中,我们将获取到的URL拼接到了一个字符串中,并将其赋值给`document.title`属性。这样,页面的标题就会被改变为当前URL。你可以根据自己的需求来修改这个字符串,比如添加一些描述性的词汇或者奇特的概念,以吸引读者的注意力。</p> <p>通过使用Vue获取当前URL并改变页面的标题,我们可以实现一些有趣的功能。比如,在一个博客网站中,我们可以根据不同的URL展示不同的,并将每篇的标题作为页面的标题。这样,读者就可以通过页面的标题来了解当前正在浏览的是什么。这种方式不仅能够提高用户体验,还能够增加搜索引擎的可见度,吸引更多的读者。</p> <p>通过使用Vue获取当前URL并改变页面的标题,我们可以实现一些有趣的功能,提高用户体验并吸引更多的读者。希望对你有所帮助!</p> <p><img decoding="async" src="https://i1.nzw6.com/915TtKuYUsc0DUs.jpg" alt="Image"></p> </div> <div class="em09 muted-3-color"><div><span>©</span> 版权声明</div><div class="posts-copyright">文章版权归作者所有,未经允许请勿转载。</div></div><div class="text-center theme-box muted-3-color box-body separator em09">THE END</div><div class="theme-box article-tags"><a class="but ml6 radius c-blue" title="查看更多分类文章" href="https://2345ziyuan.com/category/%e6%8a%80%e6%9c%af%e6%95%99%e7%a8%8b"><i class="fa fa-folder-open-o" aria-hidden="true"></i>技术教程</a><br></div> </div> <div class="text-center muted-3-color box-body em09">喜欢就支持一下吧</div><div class="text-center post-actions"><a href="javascript:;" data-action="like" class="action action-like" data-pid="11630"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg><text>点赞</text><count>0</count></a><span class="hover-show dropup action action-share"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-share"></use></svg><text>分享</text><div class="zib-widget hover-show-con share-button dropdown-menu"><div><a rel="nofollow" class="share-btn qzone" target="_blank" title="QQ空间" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://2345ziyuan.com/11630.html&title=vue获取当前url,Vue获取当前URL的新标题-2345资源网 - 精品建站资源与技术分享平台&pics=https://i1.nzw6.com/915TtKuYUsc0DUs.jpg&summary=vue获取当前url,Vue获取当前URL的新标题 Vue是一种流行的前端开发框架,它能够帮助开发者构建现代化的、高效的Web应用程序。在Vue中,获取当前URL是一个常见的需求,因为它可以帮助我们实现一些特定的功能,比如根据URL的不同展示不同的内容或者进行页面跳转。介绍如何使用Vue来获取当前URL,并且将重点放在如何使用获取到的URL来改变页面的标题..."><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qzone-color"></use></svg></icon><text>QQ空间<text></a><a rel="nofollow" class="share-btn weibo" target="_blank" title="微博" href="https://service.weibo.com/share/share.php?url=https://2345ziyuan.com/11630.html&title=vue获取当前url,Vue获取当前URL的新标题-2345资源网 - 精品建站资源与技术分享平台&pic=https://i1.nzw6.com/915TtKuYUsc0DUs.jpg&searchPic=false"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibo-color"></use></svg></icon><text>微博<text></a><a rel="nofollow" class="share-btn qq" target="_blank" title="QQ好友" href="https://connect.qq.com/widget/shareqq/index.html?url=https://2345ziyuan.com/11630.html&title=vue获取当前url,Vue获取当前URL的新标题-2345资源网 - 精品建站资源与技术分享平台&pics=https://i1.nzw6.com/915TtKuYUsc0DUs.jpg&desc=vue获取当前url,Vue获取当前URL的新标题 Vue是一种流行的前端开发框架,它能够帮助开发者构建现代化的、高效的Web应用程序。在Vue中,获取当前URL是一个常见的需求,因为它可以帮助我们实现一些特定的功能,比如根据URL的不同展示不同的内容或者进行页面跳转。介绍如何使用Vue来获取当前URL,并且将重点放在如何使用获取到的URL来改变页面的标题..."><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qq-color"></use></svg></icon><text>QQ好友<text></a><a rel="nofollow" class="share-btn poster" poster-share="11630" title="海报分享" href="javascript:;"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-poster-color"></use></svg></icon><text>海报分享<text></a><a rel="nofollow" class="share-btn copy" data-clipboard-text="https://2345ziyuan.com/11630.html" data-clipboard-tag="链接" title="复制链接" href="javascript:;"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-copy-color"></use></svg></icon><text>复制链接<text></a></div></div></span><a href="javascript:;" class="action action-favorite signin-loader" data-pid="11630"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-favorite"></use></svg><text>收藏</text><count></count></a></div></article><div class="user-card zib-widget author"> <div class="card-content mt10 relative"> <div class="user-content"> <div class="user-avatar"><a href="https://2345ziyuan.com/author/25"><span class="avatar-img avatar-lg"><img alt="韭菜炒鸡蛋的头像-2345资源网 - 精品建站资源与技术分享平台" src="https://2345ziyuan.com/wp-content/themes/zibll/img/avatar-default.png" data-src="//2345ziyuan.com/wp-content/themes/zibll/img/avatar-default.png" class="lazyload avatar avatar-id-25"></span></a></div> <div class="user-info mt20 mb10"> <div class="user-name flex jc"><name class="flex1 flex ac"><a class="display-name text-ellipsis " href="https://2345ziyuan.com/author/25">韭菜炒鸡蛋</a><img class="lazyload img-icon ml3" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail-null.svg" data-src="https://2345ziyuan.com/wp-content/themes/zibll/img/user-level-1.png" data-toggle="tooltip" title="LV1" alt="等级-LV1-2345资源网 - 精品建站资源与技术分享平台"><a href="javascript:;" class="focus-color ml10 follow flex0 signin-loader" data-pid="25"><count><i class="fa fa-heart-o mr3" aria-hidden="true"></i>关注</count></a></name></div> <div class="author-tag mt10 mini-scrollbar"><a class="but c-blue-2 tag-forum-post" data-toggle="tooltip" title="共0篇帖子" href="https://2345ziyuan.com/author/25?tab=forum"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-posts"></use></svg>0</a><a class="but c-blue tag-posts" data-toggle="tooltip" title="共1298篇文章" href="https://2345ziyuan.com/author/25"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-post"></use></svg>1298</a><a class="but c-green tag-comment" data-toggle="tooltip" title="共0条评论" href="https://2345ziyuan.com/author/25?tab=comment"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a><span class="badg c-red tag-view" data-toggle="tooltip" title="人气值 12.1W+"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-hot"></use></svg>12.1W+</span></div> <div class="user-desc mt10 muted-2-color em09">这家伙很懒,什么都没有写...</div> </div> </div> <div class="swiper-container more-posts swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/8998.html"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/175aXvpRplRqros.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="vue项目实战教程—Vue项目实战教程-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">vue项目实战教程—Vue项目实战教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">vue项目实战教程—Vue项目实战教程</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 110</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/296.html"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="linux怎样关闭服务器-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">linux怎样关闭服务器</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">linux怎样关闭服务器</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 110</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/6346.html"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/188hdlIWWrq8G2i.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="磐镭显卡怎么样(磐镭这个牌子的显卡质量怎么样)-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">磐镭显卡怎么样(磐镭这个牌子的显卡质量怎么样)</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">磐镭显卡怎么样(磐镭这个牌子的显卡质量怎么样)</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 109</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/8171.html"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/431JTXfRXBP4ZEi.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="vue接口_以Vue接口为核心的新标题-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">vue接口_以Vue接口为核心的新标题</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">vue接口_以Vue接口为核心的新标题</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 105</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/24237.html"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/311RxdiSrpX0FID.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="波浪线怎么打、波浪线教程:如何在键盘上打出波浪线?-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">波浪线怎么打、波浪线教程:如何在键盘上打出波浪线?</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">波浪线怎么打、波浪线教程:如何在键盘上打出波浪线?</div><div class="px12 opacity8 mt6"><item>56天前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 102</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/815.html"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/2022/08/2022080802541281.png" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="(自适应移动端)响应式营销型智能水表类网站pbootcms模板 蓝色智能水表网站源码下载-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">(自适应移动端)响应式营销型智能水表类网站pbootcms模板 蓝色智能水表网站源码下载</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">(自适应移动端)响应式营销型智能水表类网站pbootcms模板 蓝色智能水...</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 101</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div> </div> </div> <div class="theme-box" style="height:99px"> <nav class="article-nav"> <div class="main-bg box-body radius8 main-shadow"> <a href="https://2345ziyuan.com/11629.html"> <p class="muted-2-color"><i class="fa fa-angle-left em12"></i><i class="fa fa-angle-left em12 mr6"></i>上一篇</p> <div class="text-ellipsis-2"> linux查询文件_Linux文件查询大师 </div> </a> </div> <div class="main-bg box-body radius8 main-shadow"> <a href="https://2345ziyuan.com/11631.html"> <p class="muted-2-color">下一篇<i class="fa fa-angle-right em12 ml6"></i><i class="fa fa-angle-right em12"></i></p> <div class="text-ellipsis-2"> mysql 统计函数_MySQL 统计函数大全 </div> </a> </div> </nav> </div> <div class="theme-box relates relates-thumb"> <div class="box-body notop"> <div class="title-theme">相关推荐</div> </div><div class="zib-widget"><div class="swiper-container swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/11157.html"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/866ZB2Kj0QkuSkf.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="ehviewer网络错误(ehviewer网络错误解决办法)-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">ehviewer网络错误(ehviewer网络错误解决办法)</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">ehviewer网络错误(ehviewer网络错误解决办法)</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 209</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/13299.html"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/126SLhoTejiA1df.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="百度网盘的文件怎么下载到电脑,百度网盘的文件怎么下载到电脑U盘-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">百度网盘的文件怎么下载到电脑,百度网盘的文件怎么下载到电脑U盘</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">百度网盘的文件怎么下载到电脑,百度网盘的文件怎么下载到电脑U盘</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 189</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/25509.html"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/198OLxxV9ecakIn.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="wifi密码是对的为什么说密码错误、wifi密码正确却显示错误-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">wifi密码是对的为什么说密码错误、wifi密码正确却显示错误</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">wifi密码是对的为什么说密码错误、wifi密码正确却显示错误</div><div class="px12 opacity8 mt6"><item>56天前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 179</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/3735.html"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/199iRLiniB5C07P.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="视频解码错误;视频解码错误:如何解决播放画面不清晰的问题-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">视频解码错误;视频解码错误:如何解决播放画面不清晰的问题</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">视频解码错误;视频解码错误:如何解决播放画面不清晰的问题</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 169</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/13042.html"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/522iTenkTq8fD5i.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="e站网络错误;e站网络错误怎么解决手机-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">e站网络错误;e站网络错误怎么解决手机</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">e站网络错误;e站网络错误怎么解决手机</div><div class="px12 opacity8 mt6"><item>1个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 167</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://2345ziyuan.com/18495.html"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://i1.nzw6.com/114RsKNIAQ1LBmI.jpg" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail.svg" alt="歌曲怎么转换成mp3格式(下载到u盘的歌曲怎么转换成mp3格式)-2345资源网 - 精品建站资源与技术分享平台"><div class="abs-center left-bottom graphic-text text-ellipsis">歌曲怎么转换成mp3格式(下载到u盘的歌曲怎么转换成mp3格式)</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">歌曲怎么转换成mp3格式(下载到u盘的歌曲怎么转换成mp3格式)</div><div class="px12 opacity8 mt6"><item>56天前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 165</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div></div><div class="theme-box" id="comments"> <div class="box-body notop"> <div class="title-theme">评论 <small>抢沙发</small></div> </div> <div class="no_webshot main-bg theme-box box-body radius8 main-shadow"> <div class="comment-signarea text-center box-body radius8"> <h3 class="text-muted em12 theme-box muted-3-color">请登录后发表评论</h3> <p> <a href="javascript:;" class="signin-loader but c-blue padding-lg"><i class="fa fa-fw fa-sign-in mr10" aria-hidden="true"></i>登录</a> <a href="javascript:;" class="signup-loader ml10 but c-yellow padding-lg"><svg class="icon mr10" aria-hidden="true"><use xlink:href="#icon-signup"></use></svg>注册</a> </p> </div> <div id="postcomments"> <ol class="commentlist list-unstyled"> <div class="text-center comment-null" style="padding:40px 0;"><img style="width:280px;opacity: .7;" src="https://2345ziyuan.com/wp-content/themes/zibll/img/null.svg"><p style="margin-top:40px;" class="em09 muted-3-color separator">暂无评论内容</p></div><div class="pagenav hide"><div class="next-page ajax-next"><a href="#"></a></div></div> </ol> </div> </div> </div> </div> </div> <div class="sidebar"> </div></main> <div class="container fluid-widget"></div><footer class="footer"> <div class="container-fluid container-footer"> <ul class="list-inline"><li class="hidden-xs" style="max-width: 300px;"><p><a class="footer-logo" href="https://2345ziyuan.com" title="2345资源网 - 精品建站资源与技术分享平台"> <img src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail-sm.svg" data-src="https://2345ziyuan.com/wp-content/themes/zibll/img/logo_dark.png" switch-src="https://2345ziyuan.com/wp-content/themes/zibll/img/logo.png" alt="2345资源网 - 精品建站资源与技术分享平台" class="lazyload" style="height: 40px;"> </a></p><div class="footer-muted em09">2345资源网(2345ziyuan.com)专注于高品质建站资源与技术分享,提供丰富的WordPress主题、PbootCMS模板、帝国CMS整站源码下载,并涵盖网站搭建教程、SEO优化技巧及实用工具。致力于为开发者与站长提供免费、安全、可靠的资源支持,助力高效建站与运营。</div></li><li style="max-width: 550px;"><p class="fcode-links"><a href="https://2345ziyuan.com/">友链申请</a> <a href="https://2345ziyuan.com/">免责声明</a> <a href="https://2345ziyuan.com/">广告合作</a> <a href="https://2345ziyuan.com/">关于我们</a></p><div class="footer-muted em09">Copyright © 2025 · <a href="https://2345ziyuan.com">2345资源网 - 精品建站资源与技术分享平台</a> <a target="_blank" href="https://beian.miit.gov.cn/">粤ICP备2022104464号-2</a></div><div class="footer-contact mt10 hidden-xs"><a class="toggle-radius hover-show nowave" href="javascript:;"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-d-wechat"></use></svg><div class="hover-show-con footer-wechat-img"><img style="box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius:4px;" height="100" class="lazyload" src="https://2345ziyuan.com/wp-content/themes/zibll/img/thumbnail-sm.svg" data-src="https://2345ziyuan.com/wp-content/themes/zibll/img/qrcode.png" alt="扫一扫加微信-2345资源网 - 精品建站资源与技术分享平台"></div></a><a class="toggle-radius" data-toggle="tooltip" target="_blank" title="QQ联系" href="https://wpa.qq.com/msgrd?v=3&uin=1234567788&site=qq&menu=yes"><svg class="icon" aria-hidden="true" data-viewBox="-50 0 1100 1100" viewBox="-50 0 1100 1100"><use xlink:href="#icon-d-qq"></use></svg></a><a class="toggle-radius" data-toggle="tooltip" title="微博" href="https://weibo.com/"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-d-weibo"></use></svg></a><a class="toggle-radius" data-toggle="tooltip" title="发邮件" href="mailto:1234567788@QQ.COM"><svg class="icon" aria-hidden="true" data-viewBox="-20 80 1024 1024" viewBox="-20 80 1024 1024"><use xlink:href="#icon-d-email"></use></svg></a></div></li><li class="hidden-xs"></li></ul> </div> </footer> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/zibll\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript"> window._win = { views: '11630', www: 'https://2345ziyuan.com', uri: 'https://2345ziyuan.com/wp-content/themes/zibll', ver: '8.0', imgbox: '1', imgbox_type: 'group', imgbox_thumbs: '1', imgbox_zoom: '1', imgbox_full: '1', imgbox_play: '1', imgbox_down: '1', sign_type: 'modal', signin_url: 'https://2345ziyuan.com/user-sign?tab=signin&redirect_to=https%3A%2F%2F2345ziyuan.com%2F11630.html', signup_url: 'https://2345ziyuan.com/user-sign?tab=signup&redirect_to=https%3A%2F%2F2345ziyuan.com%2F11630.html', ajax_url: 'https://2345ziyuan.com/wp-admin/admin-ajax.php', ajaxpager: '', ajax_trigger: '<i class="fa fa-angle-right"></i>加载更多', ajax_nomore: '没有更多内容了', qj_loading: '', highlight_kg: '1', highlight_hh: '', highlight_btn: '1', highlight_zt: 'dracula', highlight_white_zt: 'enlighter', highlight_dark_zt: 'dracula', upload_img_size: '3', img_upload_multiple: '6', upload_video_size: '30', upload_file_size: '30', upload_ext: 'jpg|jpeg|jpe|gif|png|bmp|tiff|tif|webp|avif|ico|heic|heif|heics|heifs|asf|asx|wmv|wmx|wm|avi|divx|flv|mov|qt|mpeg|mpg|mpe|mp4|m4v|ogv|webm|mkv|3gp|3gpp|3g2|3gp2|txt|asc|c|cc|h|srt|csv|tsv|ics|rtx|css|vtt|dfxp|mp3|m4a|m4b|aac|ra|ram|wav|x-wav|ogg|oga|flac|mid|midi|wma|wax|mka|rtf|pdf|class|tar|zip|gz|gzip|rar|7z|psd|xcf|doc|pot|pps|ppt|wri|xla|xls|xlt|xlw|mdb|mpp|docx|docm|dotx|dotm|xlsx|xlsm|xlsb|xltx|xltm|xlam|pptx|pptm|ppsx|ppsm|potx|potm|ppam|sldx|sldm|onetoc|onetoc2|onetmp|onepkg|oxps|xps|odt|odp|ods|odg|odc|odb|odf|wp|wpd|key|numbers|pages', user_upload_nonce: 'c6969a0a19', is_split_upload: '1', split_minimum_size: '20', comment_upload_img: '' } </script> <div class="float-right round position-bottom"><a style="--this-color:#f2c97d;--this-bg:rgba(62,62,67,0.9);" class="float-btn signin-loader" data-toggle="tooltip" data-placement="left" title="开通会员" href="javascript:;"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg></a><span class="newadd-btns hover-show float-btn add-btn"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-add-ring"></use></svg> <div class="hover-show-con dropdown-menu drop-newadd"><a rel="nofollow" class="btn-newadd" href="https://2345ziyuan.com/newposts"><icon class="jb-green"><i class="fa fa-pencil-square"></i></icon><text>发布文章</text></a><a class="signin-loader btn-newadd" href="javascript:;"><icon class="jb-pink"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-topic"></use></svg></icon><text>创建话题</text></a><a class="signin-loader plate-add btn-newadd" href="javascript:;"><icon class="jb-yellow"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-plate-fill"></use></svg></icon><text>创建版块</text></a><a rel="nofollow" class="btn-newadd" href="https://2345ziyuan.com/posts-edit"><icon class="jb-blue"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-posts"></use></svg></icon><text>发布帖子</text></a></div> </span><span class="float-btn qrcode-btn hover-show service-wechat"><i class="fa fa-qrcode"></i><div class="hover-show-con dropdown-menu"><div class="qrcode" data-size="100"></div><div class="mt6 px12 muted-color">在手机上浏览此页面</div></div></span><a class="float-btn ontop fade" data-toggle="tooltip" data-placement="left" title="返回顶部" href="javascript:(scrollTo());"><i class="fa fa-angle-up em12"></i></a></div><div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm"><div class="container"><div class="mb20"><button class="close" data-toggle-class data-target=".navbar-search" ><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button></div><div remote-box="https://2345ziyuan.com/wp-admin/admin-ajax.php?action=search_box" load-click><div class="search-input"><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k2"></p> <p class="placeholder t1"></p><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k1"></p><p class="placeholder t1"></p><p></p> <p class="placeholder k1" style="height: 80px;"></p> </div></div></div></div> <div class="modal fade" id="u_sign" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="sign-content"> <div class="sign zib-widget blur-bg relative"> <button class="close" data-dismiss="modal"> <svg class="ic-close" aria-hidden="true" data-viewBox="0 0 1024 1024" viewBox="0 0 1024 1024"><use xlink:href="#icon-close"></use></svg> </button> <div class="tab-content"><div class="tab-pane fade active in" id="tab-sign-in"><div class="box-body"><div class="title-h-left fa-2x">登录</div><a class="muted-color px12" href="#tab-sign-up" data-toggle="tab">没有账号?立即注册<i class="em12 ml3 fa fa-angle-right"></i></a></div><div id="sign-in"><form><div class="relative line-form mb10"><input type="text" name="username" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">用户名或邮箱</div></div><div class="relative line-form mb10"><input type="password" name="password" class="line-form-input" tabindex="2" placeholder=""><div class="scale-placeholder">登录密码</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><input machine-verification="slider" type="hidden" name="captcha_mode" value="slider" slider-id=""><div class="relative line-form mb10 em09"><span class="muted-color form-checkbox"><input type="checkbox" id="remember" checked="checked" tabindex="4" name="remember" value="forever"><label for="remember" class="ml3">记住登录</label></span><span class="pull-right muted-2-color"><a rel="nofollow" class="muted-2-color" href="https://2345ziyuan.com/user-sign?tab=resetpassword&redirect_to=https%3A%2F%2F2345ziyuan.com%2F11630.html">找回密码</a></span></div><div class="box-body"><input type="hidden" name="action" value="user_signin"><button type="button" class="but radius jb-blue padding-lg signsubmit-loader btn-block"><i class="fa fa-sign-in mr10"></i>登录</button></div></form></div></div><div class="tab-pane fade" id="tab-sign-up"><div class="box-body"><div class="title-h-left fa-2x">注册</div><a class="muted-color px12" href="#tab-sign-in" data-toggle="tab">已有账号,立即登录<i class="em12 ml3 fa fa-angle-right"></i></a></div><form id="sign-up"><div class="relative line-form mb10"><input type="text" name="name" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">设置用户名</div></div><div class="relative line-form mb10"><input type="password" name="password2" class="line-form-input" tabindex="3" placeholder=""><div class="scale-placeholder">设置密码</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><div class="relative line-form mb10"><input type="password" name="repassword" class="line-form-input" tabindex="4" placeholder=""><div class="scale-placeholder">重复密码</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><input machine-verification="slider" type="hidden" name="captcha_mode" value="slider" slider-id=""><div class="box-body"><input type="hidden" name="action" value="user_signup"><button type="button" class="but radius jb-green padding-lg signsubmit-loader btn-block"><svg class="icon mr10" aria-hidden="true" data-viewBox="0 0 1024 1024" viewBox="0 0 1024 1024"><use xlink:href="#icon-signup"></use></svg>注册</button></div></form></div></div> </div> </div> </div> </div> <script type="text/javascript" src="https://2345ziyuan.com/wp-content/themes/zibll/js/libs/bootstrap.min.js?ver=8.0" id="bootstrap-js"></script> <script type="text/javascript" src="https://2345ziyuan.com/wp-content/themes/zibll/js/loader.js?ver=8.0" id="_loader-js"></script> <script type="text/javascript" src="https://2345ziyuan.com/wp-content/themes/zibll/inc/functions/bbs/assets/js/main.min.js?ver=8.0" id="forums-js"></script> <script type="text/javascript"> console.log("数据库查询:48次 | 页面生成耗时:2106.171ms"); </script> </body> </html>