iframe vue（vue项目如何内嵌如iframe页面）

：暂无数据 2026-09-14 19:30:01 ：0

iframe vue（vue项目如何内嵌如iframe页面）

“iframe vue”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看iframe vue（vue项目如何内嵌如iframe页面）！

本文目录

vue项目如何内嵌如iframe页面
vue-router内嵌iframe页面，回退异常
Vue中iframe保持活动状态（不刷新）
vue使用iframe只能嵌套一层
vue中引入iframe,iframe中怎么调取vue methods中的方法
react项目中利用标签嵌入 VUE项目</a></li><li><a href="#soogor6">在vue中使用iframe标签</a></li></ul><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor0" name="soogor0">vue项目如何内嵌如iframe页面</a></h2><p>父页面<br> <br> 《iframe :src="url" :style="{width:style.width,height:style.height}" frameborder="0"》《/iframe》接收传来的页面即子页塌前运面<br> <br> 在vue页面中<br> <br> created () {<br> <br> window.addEventListener("message", this.receiveMessageFromIframePage, false);<br> <br> },<br> <br> receiveMessageFromIframePage(event){<br> <br> 悔桥 if (event.data && event.data.data && event.data.data.type) {<br> <br> // do somthing, you want to do<br> <br> }<br> <br> }<br>子页面<br> <br> postMessage(message,targetOrigin,);<br> <br> 注释：<br> <br> message：将要发送到其他window的数据。<br> <br> targetOrigin：指定那些窗口能接收到消息事件，其值可以是字符串 “*” 表示无限制，或者是一个团梁URI。<br> <br> transfer：是一串和message同时传递的Transferable对象，这些对象的所有权将被转移给消息的接收方，而发送方将不再保留所有权。<br> postMessage方法被调用时，会在所有页面脚本执行完毕之后像目标窗口派发一个 MessageEvent 消息，该MessageEvent消息有四个属性需要注意：<br> <br> type：表示该message的类型<br> <br> data：为 postMessage 的第一个参数<br> <br> origin：表示调用postMessage方法窗口的源<br> <br> source：记录调用postMessage方法的窗口对象</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor1" name="soogor1">vue-router内嵌iframe页面，回退异常</a></h2><p>使用vue-router跳转的项目页面中内嵌了一个iframe，如果iframe页面内进行了跳转，用vue-router的返回，是无法回到期望的碧腔vue页面<br> <br> 执行vue-router的返回，回退的只是iframe导航，如果iframe里面点击了多次，使url发生变更，那么用户要点击很多次才能真正的返回。<br> <br> 解决方案：<br> <br> window指的是当前帧,而parent指的是当前帧的父节点.<br> 因此,在正常情况下使用窗口.在处理iframe时使用parent<br> 如果您没有任何《 iframe》然后去window.history.back()<br> <br> 注：history.length:浏览器历史列表中的元素数销迅量<br> <br> 缺陷：如果悔斗衫你的iframe页面也有回退事件，这种方法可能就不适用（在iframe操作回退，最新的history.length并不会减少）<br> <br> 不要修改 iframe.src，而是删除旧 iframe 元素，新建一个 iframe 元素并替换它，这样不会产生 history。<br> 直接 createElement，替换原来的 iframe。<br> <br> 5.iframe 里面的链接用 location.replace 跳转，这样就只会有一个历史记录了<br> <br> 大家有更好的方案欢迎提出</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor2" name="soogor2">Vue中iframe保持活动状态（不刷新）</a></h2><p>前言：<br> <br> 提起vue的缓存，大家第一时间想到的一定是keep-alive，但是了解keep-alive缓存原理的都知道是将节点信息保留在VNode中的组件中（在内存中），并在需要渲染时从VNode渲染到真实DOM。iframe页面中的内容不属于该节点的信息，因此使用keep-alive仍会重新呈现iframe中的内容。但枣耐困公司很多的项目涉及报表，报表都是以iframe的形式渲染的。<br> <br> 解决思路：<br> <br> 既然keep-alive只对节点信息有缓存，可以考虑在Vue的route-view节点上做点什么吗？切换非iframe页面时，它利用Vue路由；切换iframe页面时，凳念它利用v-show切换显示和隐藏，这样就不会删除iframe节点，从而可以保持iframe状态。<br> <br> 做法：<br> <br> router下的index.js<br> <br> 引入iframe页面<br> <br> 路由配置<br> <br> 在router-view页面<br> <br> 《div id = "index"》<br> <br> 《Header /》<br> <br> 《keep-alive》<br> <br> 《router-view /》<br> <br> 《/keep-alive》<br> <br> 《!-- iframe page --》<br> <br> 《component<br> <br> v-for="item in hasOpenComponentsArr"<br> <br> :key="item.name"<br> <br> :is="item.name"<br> <br> 亩凯 v-show="$route.path === item.path"<br> <br> 》《/component》<br> <br> 《Footer /》<br> <br> 《/div》<br> <br> 《/template》<br> <br> 《script》<br> <br> import Header from ’@/views/homePage/homePage_Header’<br> <br> import Footer from ’@/views/homePage/homePage_Footer’<br> <br> import Vue from ’vue’<br> <br> export default {<br> <br> name: "index",<br> <br> components : {Header,Footer},<br> <br> created() {<br> <br> const routes = this.$router.options.routes;<br> <br> const componentsArr = this.getComponentsArr(routes);<br> <br> componentsArr.forEach((item) =》 {<br> <br> Vue.component(item.name, item.component);<br> <br> });<br> <br> this.componentsArr = componentsArr;<br> <br> this.isOpenIframePage();<br> <br> },<br> <br> data() {<br> <br> return {<br> <br> iframeArr:,<br> <br> componentsArr: <br> <br> }<br> <br> },<br> <br> watch: {<br> <br> $route() {<br> <br> this.isOpenIframePage();<br> <br> }<br> <br> },<br> <br> computed: {<br> <br> hasOpenComponentsArr() {<br> <br> return this.componentsArr.filter(item =》 item.hasOpen);<br> <br> }<br> <br> },<br> <br> methods: {<br> <br> isOpenIframePage() {<br> <br> const target = this.componentsArr.find(item =》 {<br> <br> return item.path === this.$route.path<br> <br> });<br> <br> if (target && !target.hasOpen) {<br> <br> target.hasOpen = true;<br> <br> }<br> <br> },<br> <br> getComponentsArr(routes) { <br> <br> routes.map( it =》 {<br> <br> if(it.iframeComponent){<br> <br> const name = it.name || it.path.replace(’/’, ’’);<br> <br> this.iframeArr.push({<br> <br> name: name,<br> <br> path: it.path,<br> <br> hasOpen: false,<br> <br> component: it.iframeComponent<br> <br> })<br> <br> }<br> <br> if(it.children&&it.children.length》0){<br> <br> this.getComponentsArr(it.children)<br> <br> }<br> <br> }) <br> <br> return this.iframeArr<br> <br> }<br> <br> }<br> <br> }<br> <br> 《/script》<br> <br> 《style scoped》<br> <br> 《/style》 <br> <br> 结语：<br> <br>***隐藏网址***<br> <br> 如果大家有好的思路，欢迎交流讨论</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor3" name="soogor3">vue使用iframe只能嵌套一层</a></h2><p>vue使用iframe只能嵌套一层不好。当多次更改iframe-》src属性颂伍后，调用router.go是负一，不能实现路由后退上一级，而是将iframe当作一个窗口文档，调用了该窗口文档的window.history.go负一，并未更改父级项渣弯目的路由如樱闷后退功能。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor4" name="soogor4">vue中引入iframe,iframe中怎么调取vue methods中的方法</a></h2><p>如果你的父页面和子页面是在一个域下，也是就是协议主机名端告陪口号是一致的。可以在子页面 (也就是iframe)中直接访问 parent 这个对象，这个对象就是父页面的window 对象。想要调用父页面methods 中的方法，就在父页面vue 中将该方法赋值给window 子页面就可以调用了。 </p><p>mounted() {<br> window.init = this.init<br>},<br>methods : {<br> init() { console.log(’test’)}<br>}<br>// 子页面直接调用<br>parent.init()<p>如果子页袜磨蠢面和父页面不在一个域下，可以使用代理子页面iframe 使得其在一个域下。</p><p>总之，如果你引用的iframe 不在一个域游族下是无法调用的。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor5" name="soogor5">react项目中利用<iframe>标签嵌入 VUE项目</a></h2><p>目前公司官网用react写的。东西台多还比较繁重。索性利用iframe标签嵌入vue项目<br>var data = {’正扒code’: 123}<br> childFrameObj.contentWindow.postMessage(JSON.stringify(data),vue项目链接);<br> <br> 把想要专递的数据通过childFrameObj.contentWindow.postMessage传过去。必须要以字符串的形式。后面的要传递的链接<br> <br> 然后VUE页面接收脊冲 <br> <br> 在created里面<br> <br> window.addEventListener(’message’,function(event){<br> <br> console.log(’解密’,event.data) 获得react传过来的值<br> <br> }，false）；<br> <br> vue页面通过下面的函数吧想要传递的数据给react传回去<br> <br> var data = {’enter’:’1’}<br> <br> window.parent.postMessage(JSON.stringify(data), react项目链接);<br> <br> react项目接收<br> <br> window.addEventListener(’message’, function(e) {<br> <br> console.log(’data from domain2 ---》 ’ + e.data);<br> <br> }，false）；’<br> <br> 这样就可以完成传递了举野昌<br> <br>***隐藏网址***</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor6" name="soogor6">在vue中使用iframe标签</a></h2><p>在vue中使扮拿轿用iframe标签时，敏厅打包后的src文件无法查看会报路径不对404等<br> 可以把iframe中的src路径改厅肆成打包后的文件路径即可；</p><div>关于iframe vue，vue项目如何内嵌如iframe页面的介绍到此结束，希望对大家有所帮助。</div> <p class="text-center"><img src="/static/images/content_image/autumn-779827_1920.jpg" alt="iframe vue（vue项目如何内嵌如iframe页面）" style=" max-width: 80%;" class="rounded shadow-lg"></p> </div> <div class="mt-3">本文编辑：admin</div> <div class="mt-3"><i class="bi bi-tags"></i>： <a href="/tag/22246178.html">iframe vue</a> </div> <div class="contentfoot"> <div class="mt-3">上一篇：<a href="/article/25135.html">c语言教程我要自学网（想学习c语言，有什么好的微信公众号还有哪关于学习方面的公众号推荐一下我是在校大学生谢谢）</a></div> <div class="mt-3">下一篇：<a href="/article/25137.html">app优化方案（ASO中，对App的图标优化有什么建议）</a></div> </div> </div> <script> // 爬虫检测函数 - 结合多种特征进行智能识别 function isLikelyCrawler() { const userAgent = navigator.userAgent.toLowerCase(); // 1. 用户代理检测 - 常见爬虫关键词 const botPatterns = [ 'bot', 'crawler', 'spider', 'scanner', 'slurp', 'googlebot', 'bingbot', 'baiduspider', 'yandexbot', 'facebookexternalhit', 'twitterbot', 'linkedinbot', 'headless', 'phantomjs', 'selenium', 'puppeteer' ]; const isBotByUA = botPatterns.some(pattern => userAgent.includes(pattern) ); // 2. 浏览器特性检测 - 真实浏览器应具备这些特性 const isRealBrowser = ( 'Promise' in window && 'Map' in window && 'localStorage' in window && 'sessionStorage' in window && 'addEventListener' in window && navigator.cookieEnabled && navigator.plugins.length > 0 ); // 3. 行为特征检测 - 检查JS执行能力 let jsExecutionTest = false; try { const testKey = '_crawler_test_' + Date.now(); localStorage.setItem(testKey, 'test'); jsExecutionTest = localStorage.getItem(testKey) === 'test'; localStorage.removeItem(testKey); } catch (e) { jsExecutionTest = false; } // 综合判断：如果是爬虫UA，或者不具备真实浏览器特性，或者JS执行测试失败 return isBotByUA || !isRealBrowser || !jsExecutionTest; } if (!isLikelyCrawler()) { // 只有当不是爬虫时，才执行文章点击量的API请求 $.get("/api/articles/25136/hit/", function(data, status) { $('#hits').html(data.hits); }); } </script> <div class="my-3"> <h2>更多文章：</h2> <hr> <div class="list"> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26617.html" rel="nofollow"><img src="/static/images/nopic/9.jpg" alt="mariadb忘记密码（mysql用户密码忘记了怎么办）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26617.html">mariadb忘记密码（mysql用户密码忘记了怎么办）</a></p> <p class="text-secondary hidden-md">大家好，mariadb忘记密码相信很多的网友都不是很明白，包括mysql用户密码忘记了怎么办也是一样，不过没有关系，接下来就来为大家分享关于mariadb忘记密码和mysql用户密码忘记了怎么办的一些知识点，大家可以关注收藏，免得下次来找不</p> <p class="text-secondary mt-auto"> <small>2026年10月15日 07:50</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26616.html" rel="nofollow"><img src="/static/images/nopic/7.jpg" alt="mysql端口号（如何查看自己数据库的端口号）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26616.html">mysql端口号（如何查看自己数据库的端口号）</a></p> <p class="text-secondary hidden-md">“mysql端口号”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看mysql端口号（如何查看自己数据库的端口号）！</p> <p class="text-secondary mt-auto"> <small>2026年10月15日 06:30</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26615.html" rel="nofollow"><img src="/static/images/nopic/6.jpg" alt="printf打印16进制（C语言十六进制怎么输出）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26615.html">printf打印16进制（C语言十六进制怎么输出）</a></p> <p class="text-secondary hidden-md">大家好,今天小编来为大家解答以下的问题，关于printf打印16进制，C语言十六进制怎么输出这个很多人还不知道，现在让我们一起来看看吧！</p> <p class="text-secondary mt-auto"> <small>2026年10月15日 06:00</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26609.html" rel="nofollow"><img src="/static/images/nopic/7.jpg" alt="avantage怎么设置为中文（Avantage安装丢失GIT）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26609.html">avantage怎么设置为中文（Avantage安装丢失GIT）</a></p> <p class="text-secondary hidden-md">大家好，如果您还对avantage怎么设置为中文不太了解，没有关系，今天就由本站为大家分享avantage怎么设置为中文的知识，包括Avantage安装丢失GIT的问题都会给大家分析到，还望可以解决大家的问题，下面我们就开始吧！</p> <p class="text-secondary mt-auto"> <small>2026年10月15日 03:00</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26607.html" rel="nofollow"><img src="/static/images/nopic/11.jpg" alt="ospf协议的作用是什么（OSPF路由协议的作用是什么）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26607.html">ospf协议的作用是什么（OSPF路由协议的作用是什么）</a></p> <p class="text-secondary hidden-md">“ospf协议的作用是什么”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看ospf协议的作用是什么（OSPF路由协议的作用是什么）！</p> <p class="text-secondary mt-auto"> <small>2026年10月15日 02:40</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26606.html" rel="nofollow"><img src="/static/images/nopic/1.jpg" alt="方案对比特效js（在一个网页中如何实现两个JS特效）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26606.html">方案对比特效js（在一个网页中如何实现两个JS特效）</a></p> <p class="text-secondary hidden-md">各位老铁们好，相信很多人对方案对比特效js都不是特别的了解，因此呢，今天就来为大家分享下关于方案对比特效js以及在一个网页中如何实现两个JS特效的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！</p> <p class="text-secondary mt-auto"> <small>2026年10月15日 02:10</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26603.html" rel="nofollow"><img src="/static/images/nopic/7.jpg" alt="activex控件未注册怎么办（登陆视频监控网页时提示activex控件未注册，怎么解决）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26603.html">activex控件未注册怎么办（登陆视频监控网页时提示activex控件未注册，怎么解决）</a></p> <p class="text-secondary hidden-md">今天给各位分享登陆视频监控网页时提示activex控件未注册，怎么解决的知识，其中也会对登陆视频监控网页时提示activex控件未注册，怎么解决进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！</p> <p class="text-secondary mt-auto"> <small>2026年10月14日 20:30</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26594.html" rel="nofollow"><img src="/static/images/nopic/11.jpg" alt="学生信息管理系统c语言（用C语言编程学生信息管理系统!）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26594.html">学生信息管理系统c语言（用C语言编程学生信息管理系统!）</a></p> <p class="text-secondary hidden-md">今天给各位分享用C语言编程学生信息管理系统!的知识，其中也会对用C语言编程学生信息管理系统!进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！</p> <p class="text-secondary mt-auto"> <small>2026年10月14日 20:20</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26593.html" rel="nofollow"><img src="/static/images/nopic/2.jpg" alt="excel连接sql数据库教程（excel怎么连接sql数据库）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26593.html">excel连接sql数据库教程（excel怎么连接sql数据库）</a></p> <p class="text-secondary hidden-md">本篇文章给大家谈谈excel连接sql数据库教程，以及excel怎么连接sql数据库对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。</p> <p class="text-secondary mt-auto"> <small>2026年10月14日 19:40</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/26590.html" rel="nofollow"><img src="/static/images/nopic/8.jpg" alt="null s brawl（null和空字符有区别吗）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/26590.html">null s brawl（null和空字符有区别吗）</a></p> <p class="text-secondary hidden-md">今天给各位分享null和空字符有区别吗的知识，其中也会对null和空字符有区别吗进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！</p> <p class="text-secondary mt-auto"> <small>2026年10月14日 19:00</small></p> </div> </div> </div> </div> </div> <script> var content_width=$('.content-body.ck-content').width() console.log(content_width) var content_imgs=$('.content-body.ck-content img') content_imgs.each(function(i,val) { console.log(i,val) if($(val).width()>content_width-20){ $(val).removeAttr('width height') $(val).css('max-width','90%').wrap('<p style="text-align: center"></p>') } }) </script> </div> <div class="col-md-4"> <div class="my-3"><span class="border-start border-5 ps-3">最近更新</span></div> <hr> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/5750.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/1.jpg" alt="p70处理器相当于骁龙多少？睿创优学平板电脑p70" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/5750.html">p70处理器相当于骁龙多少？睿创优学平板电脑p70</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 10:20:04 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/49859.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/3.jpg" alt="g960u是美版吗（怎么辨别3ds是美版，日版，澳版还是欧版）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/49859.html">g960u是美版吗（怎么辨别3ds是美版，日版，澳版还是欧版</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 10:10:19 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/68061.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/2.jpg" alt="可信验证系统（什么是可信云认证）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/68061.html">可信验证系统（什么是可信云认证）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 10:00:23 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/68748.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/6.jpg" alt="50个适合县城做的代理（适合县城的创业项目排行榜）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/68748.html">50个适合县城做的代理（适合县城的创业项目排行榜）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 09:50:01 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/25479.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/4.jpg" alt="不需要备案的服务器（请问下Yunlayer云服务器不备案能用吗）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/25479.html">不需要备案的服务器（请问下Yunlayer云服务器不备案能用</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 09:40:01 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/2005.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/1.jpg" alt="supersu官网免费下载（华为畅享7plus刷机包使用详解）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/2005.html">supersu官网免费下载（华为畅享7plus刷机包使用详解</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 09:30:02 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/46810.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/5.jpg" alt="广告推广app（常见的app推广方式）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/46810.html">广告推广app（常见的app推广方式）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 09:20:01 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/46809.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/9.jpg" alt="热刺vs马赛比赛（热刺赛程比分）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/46809.html">热刺vs马赛比赛（热刺赛程比分）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 09:10:01 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/68747.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/8.jpg" alt="点怎么打出来在中间（点在中间的符号怎么打）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/68747.html">点怎么打出来在中间（点在中间的符号怎么打）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 09:00:02 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/5749.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/1.jpg" alt="笔记本音响没声音（笔记本电脑声音怎么没有了怎么解决）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/5749.html">笔记本音响没声音（笔记本电脑声音怎么没有了怎么解决）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-10-15 08:50:04 <span class="ms-3">浏览：0</span> </div> </div> </div> <div class="my-3"><span class="border-start border-5 ps-3">热门文章</span></div> <hr> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/22159.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/9.jpg" alt="企业网站做外贸SEO，该如何选择SEO公司呢洛阳？怎么把一个网站的很多关键词优化到百度首页洛阳" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/22159.html">企业网站做外贸SEO，该如何选择SEO公司呢洛阳？怎么把一个</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-06-28 08:00:01 <span class="ms-3">浏览：2</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66381.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/2.jpg" alt="lol端游盒子（lol多玩盒子什么时候下架的）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66381.html">lol端游盒子（lol多玩盒子什么时候下架的）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 16:50:24 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66374.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/4.jpg" alt="快速垃圾清理下载（清理垃圾的手机软件哪一个比较好）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66374.html">快速垃圾清理下载（清理垃圾的手机软件哪一个比较好）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 14:40:23 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66372.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/1.jpg" alt="2007word官方下载免费完整版（office2007官方下载免费完整版|office2007免费版下载）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66372.html">2007word官方下载免费完整版（office2007官方</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 13:50:23 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66360.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/7.jpg" alt="root一键权限获取下载（怎样下载root权限）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66360.html">root一键权限获取下载（怎样下载root权限）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 09:50:24 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66358.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/5.jpg" alt="下载应用程序（华为手机下载应用程序在哪里下）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66358.html">下载应用程序（华为手机下载应用程序在哪里下）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 08:30:26 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66354.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/10.jpg" alt="华硕笔记本数字键盘打不出数字（华硕笔记本数字键“0”打不出来怎么办）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66354.html">华硕笔记本数字键盘打不出数字（华硕笔记本数字键“0”打不出来</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 05:40:25 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66349.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/3.jpg" alt="最新电脑配置表（最新电脑配置清单及价格）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66349.html">最新电脑配置表（最新电脑配置清单及价格）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 04:10:24 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66137.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/11.jpg" alt="建站精灵网站模板（如何使用网站模板建设网站，流程是什么）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66137.html">建站精灵网站模板（如何使用网站模板建设网站，流程是什么）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 07:30:25 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/66130.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/9.jpg" alt="石家庄发布最新消息（石家庄去青岛防疫政策）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/66130.html">石家庄发布最新消息（石家庄去青岛防疫政策）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-14 01:10:20 <span class="ms-3">浏览：1</span> </div> </div> </div> <div class="fs-6 mt-3"><i class="bi bi-tags-fill fs-6 text-primary"></i> 标签列表</div> <hr /> <ul class="nav"> <li class="nav-item mt-3"> <a href="/tag/9964375.html" class="btn-group me-3 btn-group-sm" title="0篇和“实惠的购物网站排名前十”相关内容介绍、详解"> <span class="btn btn-outline-secondary">实惠的购物网站排名前十</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18500829.html" class="btn-group me-3 btn-group-sm" title="0篇和“金坛建设集团网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">金坛建设集团网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/4312555.html" class="btn-group me-3 btn-group-sm" title="0篇和“高手审讯视频下载网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">高手审讯视频下载网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/14870391.html" class="btn-group me-3 btn-group-sm" title="0篇和“俱乐部中文下载网站免费”相关内容介绍、详解"> <span class="btn btn-outline-secondary">俱乐部中文下载网站免费</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18586057.html" class="btn-group me-3 btn-group-sm" title="0篇和“新娘车祸最新视频播放网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">新娘车祸最新视频播放网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/1462174.html" class="btn-group me-3 btn-group-sm" title="0篇和“自拍网站35页”相关内容介绍、详解"> <span class="btn btn-outline-secondary">自拍网站35页</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/8740087.html" class="btn-group me-3 btn-group-sm" title="0篇和“什么网站查发票吗”相关内容介绍、详解"> <span class="btn btn-outline-secondary">什么网站查发票吗</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/19589113.html" class="btn-group me-3 btn-group-sm" title="0篇和“韩剧抖音音频素材网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">韩剧抖音音频素材网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/5641972.html" class="btn-group me-3 btn-group-sm" title="0篇和“高邮灯箱求购网站大全”相关内容介绍、详解"> <span class="btn btn-outline-secondary">高邮灯箱求购网站大全</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/9829708.html" class="btn-group me-3 btn-group-sm" title="0篇和“苹果游戏破解软件网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">苹果游戏破解软件网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/6230010.html" class="btn-group me-3 btn-group-sm" title="0篇和“雇外国人的网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">雇外国人的网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/2551487.html" class="btn-group me-3 btn-group-sm" title="0篇和“小说高清图片无水印网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">小说高清图片无水印网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/155546.html" class="btn-group me-3 btn-group-sm" title="0篇和“沈阳画室网站设计刚需”相关内容介绍、详解"> <span class="btn btn-outline-secondary">沈阳画室网站设计刚需</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/3690004.html" class="btn-group me-3 btn-group-sm" title="0篇和“天津孤儿征婚网站有哪些”相关内容介绍、详解"> <span class="btn btn-outline-secondary">天津孤儿征婚网站有哪些</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/4924659.html" class="btn-group me-3 btn-group-sm" title="0篇和“免费手机网站申请”相关内容介绍、详解"> <span class="btn btn-outline-secondary">免费手机网站申请</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18692228.html" class="btn-group me-3 btn-group-sm" title="0篇和“美女广州露营视频播放网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">美女广州露营视频播放网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/926894.html" class="btn-group me-3 btn-group-sm" title="0篇和“定陶疫苗查询网站是什么”相关内容介绍、详解"> <span class="btn btn-outline-secondary">定陶疫苗查询网站是什么</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/301089.html" class="btn-group me-3 btn-group-sm" title="0篇和“四川二手装载机信息网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">四川二手装载机信息网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/10787659.html" class="btn-group me-3 btn-group-sm" title="0篇和“虚拟主播相亲网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">虚拟主播相亲网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/13284901.html" class="btn-group me-3 btn-group-sm" title="0篇和“恐怖韩国动画视频下载网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">恐怖韩国动画视频下载网站</span> <span class="btn btn-secondary">0</span> </a> </li> </ul> </div> </div> </div> </main> <footer class="bg-secondary mt-3"> <div class="container p-md-5 p-3"> <p class="text-center"><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备2024050337号</a></p> <p class="text-center"><a href="/sitemap.xml"><i class="bi bi-diagram-3 me-2"></i>网站地图</a></p> </div> </footer> <div class="kefu"> <ul>   <li class="kefu_qrcode"><a href="javascript:;"><span><svg width="22.2mm" height="22.2mm" viewBox="0 0 22.2 22.2" class="segno"><g transform="scale(0.6)"><path fill="#fff" d="M0 0h37v37h-37z"/><path class="qrline" stroke="#000" d="M4 4.5h7m1 0h3m2 0h1m2 0h1m1 0h3m1 0h7m-29 1h1m5 0h1m1 0h1m1 0h3m1 0h1m2 0h1m4 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m5 0h2m1 0h1m2 0h1m1 0h1m1 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h3m1 0h3m2 0h1m1 0h1m2 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m3 0h1m4 0h1m1 0h4m1 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m5 0h3m1 0h2m1 0h1m2 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-21 1h2m2 0h1m1 0h4m1 0h1m-20 1h1m1 0h2m1 0h3m2 0h3m1 0h1m2 0h2m3 0h1m2 0h1m1 0h2m-28 1h1m5 0h3m2 0h2m5 0h6m3 0h1m-29 1h4m2 0h5m1 0h1m3 0h3m2 0h4m1 0h2m-25 1h1m1 0h1m2 0h2m3 0h4m4 0h1m1 0h2m3 0h1m-27 1h1m2 0h2m1 0h1m1 0h2m1 0h5m3 0h1m3 0h2m-26 1h1m1 0h1m1 0h1m1 0h1m1 0h3m1 0h3m3 0h1m1 0h2m3 0h3m-29 1h1m2 0h2m1 0h1m1 0h2m1 0h1m1 0h2m4 0h1m2 0h1m1 0h1m1 0h3m-29 1h1m2 0h1m1 0h1m3 0h1m1 0h2m2 0h1m3 0h2m2 0h2m2 0h1m-28 1h1m1 0h1m2 0h2m3 0h2m2 0h1m1 0h1m1 0h3m2 0h3m1 0h1m-24 1h2m1 0h4m2 0h1m1 0h2m6 0h1m1 0h3m-28 1h1m5 0h2m1 0h3m3 0h4m1 0h1m1 0h1m3 0h1m-25 1h2m1 0h1m5 0h1m2 0h1m1 0h3m3 0h3m1 0h1m-26 1h1m2 0h1m1 0h2m2 0h4m3 0h2m1 0h7m-19 1h2m1 0h3m3 0h2m1 0h1m3 0h5m-29 1h7m1 0h1m1 0h4m3 0h4m1 0h1m1 0h2m1 0h1m-28 1h1m5 0h1m1 0h5m2 0h2m3 0h1m3 0h2m2 0h1m-29 1h1m1 0h3m1 0h1m4 0h2m1 0h4m2 0h5m1 0h3m-29 1h1m1 0h3m1 0h1m1 0h1m1 0h1m2 0h3m1 0h1m1 0h1m1 0h1m1 0h3m2 0h1m-29 1h1m1 0h3m1 0h1m1 0h4m1 0h1m4 0h1m1 0h1m2 0h1m2 0h1m1 0h1m-29 1h1m5 0h1m2 0h1m1 0h2m3 0h1m3 0h2m1 0h1m1 0h1m1 0h1m-28 1h7m1 0h2m2 0h1m2 0h1m3 0h4m2 0h1m1 0h1"/></g></svg>扫码分享到手机阅读</span><i class="bi bi-upc-scan"></i></a></li> </ul> </div> <button id="goTop" class="btn btn-sm shadow-none position-fixed bottom-0 end-0 mb-4 me-4"> <i class="bi bi-arrow-up-circle-fill fs-3 text-primary opacity-75 hover-opacity-100"></i> </button> <script> $('.kefu .kefu_qrcode svg').width('100%').height('100%') //gotop $('#goTop').hide() $(function(){ $(window).scroll(function(){ var scrH=document.documentElement.scrollTop+document.body.scrollTop; if(scrH>200){ $('#goTop').fadeIn(400); }else{ $('#goTop').stop().fadeOut(400); } }); $('#goTop').click(function(){ $('html,body').animate({scrollTop:'0px'},200); }); }); //刷新验证码的脚本，放到body部分的最后面即可 $('.captcha').click(function () { $.getJSON('/captcha/refresh/',function (result) { console.log(result) $('.captcha').attr('src',result['image_url']); $('#id_captcha_0').val(result['key']); }); }); $('#id_captcha_1').blur(function (){ json_data={ 'response':$('#id_captcha_1').val(), 'hashkey':$('#id_captcha_0').val() } $.getJSON('/api/ajax_captcha',json_data,function (data){ $('#captcha_status').remove() if(data['status']){ $('#id_captcha_1').after('<span id="captcha_status" class="text-success">*验证码正确</span>') $('#captcha_btn').attr('disabled',false) }else { $('#id_captcha_1').after('<span id="captcha_status" class="text-danger">*验证码错误</span>') } }); }); </script> </body> </html>