vue2.0 使用 ＜iframe＞＜/iframe＞ 渲染静态html文件，报错404解决方案。

Vue.js与JavaScript的使用
最新推荐文章于 2024-11-05 11:04:51 发布
原创 最新推荐文章于 2024-11-05 11:04:51 发布 · 1.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript

博客涉及Vue.js和JavaScript的具体使用，Vue.js是前端开发框架，JavaScript是常用脚本语言，二者在前端开发中应用广泛，能实现丰富的交互效果和功能。

下面是具体的使用

CSN_Tom
关注
vue+iframe引入本地其他项目 404
qq_42264793的博客
10-22 2438
vue+iframe引入本地其他项目 404 进入vue.config.js 把代理配上，再检查检查，域名，端口号是否正确。 // An block proxy:{ "/path":{ target:"http://***:8080" ws:true, changeOrigin:true, pathRewite:{ '^path':'' } } } e,g // An block module.exports = { devServer: { proxy: {
【vue】iframe相关问题
Qxn530的博客
03-02 6636
iframe刷新、子页面关闭iframe所在弹窗、iframe进度条一直加载中、iframe传参、iframe页面中需要使用wordexport等功能、iframe在弹窗中、iframe展示PDF不显示
前端iframe标签介绍及使用
weixin_30952103的博客
09-13 2084
使用的场景： (1) 有重复的板块内容显示的时候 # 后端如果是模板渲染方式(得到页面是通过继承的形式)，可以换成iframe来请求直接获取子功能页面 iframe标签的作用： iframe标签可以实现html主页面嵌套html子页面，子页面可以是一个功能页面，在某些时候使用iframe非常的方便 # 所以如果是模板渲染方式的，前端就可以使用iframe标签节...
vue在index.html中引入静态文件不生效问题及解决方法
11-28
本文针对的是Vue小白，不喜勿喷，谢谢 出现该问题的标志如下 控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会出现该问题，
vue里面使用iframe标签，引入一个.html文件，将其设置为页面的动态背景，但是页面一直显示404
m0_64053511的博客
06-02 3820
把要引入的文件dian.html放在了public的js下面,在iframe标签的src里面引入该文件，但是页面上是一直显示404（dian.html里面是飘来飘去的点点）。1.这是没有引入iframe标签的情况2.这是引入iframe标签的情况3.原代码 4. 引入的文件位置1.原因：在vue里面打包好的项目就以public为根目录的,所以src直接引用即可，不能再加public。2.修改后的代码（其余代码不变） 3.最后页面
js打开新窗口
chuyusha5235的博客
12-18 243
语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符...
@vue-office/pdf预览pdf文件报错<?xml version="1.0" encoding="UTF-8"?> <Error> <Code>NoSuchKey</Code> <Message>The specified key does not exist.</Message> <RequestId>691EBFC11171CD333384BBF5</RequestId> <HostId>bisdb.oss-cn-shanghai.aliyuncs.com</HostId> <Key>部门成员导出_2025-11-20 (1).pdf</Key> <EC>0026-00000001</EC> <RecommendDoc>https://api.aliyun.com/troubleshoot?q=0026-00000001</RecommendDoc> </Error>
最新发布
11-21
</think>针对使用 `@vue-office/pdf` 预览 PDF 文件时出现 `NoSuchKey`（指定的键不存在）错误的问题，以下是系统化的排查和解决方案： --- ### 1. **检查文件路径/URL的正确性** 这是最常见的原因： - **本地...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <html> <head> <!-- 页面meta --> <meta charset="utf-8"> <title>书虫补给站</title> <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/css/AdminLTE.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/css/_all-skins.min.css"> <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script> <script src="${pageContext.request.contextPath}/js/bootstrap.js"></script> <script src="${pageContext.request.contextPath}/js/app.js"></script> <script type="text/javascript"> function SetIFrameHeight() { var iframeid = document.getElementById("iframe"); //iframe id if (document.getElementById) { iframeid.height = document.documentElement.clientHeight; } } </script> </head> <body class="hold-transition skin-purple sidebar-mini"> <div class="wrapper"> <!-- 页面头部 --> <header class="main-header"> <!-- Logo --> <a href="${pageContext.request.contextPath}/admin/index.jsp" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels --> <span class="logo-mini"><b>智阅云联</b></span> <!-- logo for regular state and mobile devices --> <span class="logo-lg"><b>书虫补给站</b></span> </a> <!-- Header Navbar: style can be found in header.less --> <nav class="navbar navbar-static-top"> <nav class="navbar navbar-static-top"> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li class="dropdown user user-menu"> <a > <img src="${pageContext.request.contextPath}/img/user1.jpg" class="user-image" alt="User Image"> <span class="hidden-xs">${USER_SESSION.name}</span> </a> </li> <li class="dropdown user user-menu"> <a href="${pageContext.request.contextPath}/userServlet?method=logout"> <span class="hidden-xs">注销用户</span> </a> </li> </ul> </div> </nav> </nav> </header> <!-- 页面头部 /--> <!-- 导航侧栏 --> <aside class="main-sidebar"> <!-- sidebar: style can be found in sidebar.less --> <section class="sidebar"> <!-- /.search form --> <!-- sidebar menu: : style can be found in sidebar.less --> <ul class="sidebar-menu"> <li id="admin-index"> <a href="${pageContext.request.contextPath}/admin/index.jsp"> <i class="fa fa-dashboard"></i> <span><b>新书推荐</b></span> </a> </li> <li> <a href="${pageContext.request.contextPath}/bookServlet?method=search" target="iframe"> <i class="fa fa-circle-o"></i> <span><b>图书借阅</b></span> </a> </li> <li> <a href="${pageContext.request.contextPath}/bookServlet?method=searchBorrowed" target="iframe"> <i class="fa fa-circle-o"></i> <span><b>当前借阅</b></span> </a> </li> <li> <a href="${pageContext.request.contextPath}/recordServlet?method=searchRecords" target="iframe"> <i class="fa fa-circle-o"></i> <span><b>借阅记录</b></span> </a> </li> </ul> </section> <!-- /.sidebar --> </aside> <!-- 导航侧栏 /--> <!-- 内容区域 --> <div class="content-wrapper"> <iframe width="100%" id="iframe" name="iframe" onload="SetIFrameHeight()" frameborder="0" src="${pageContext.request.contextPath}/bookServlet?method=selectNewbooks"></iframe> </div> </div> </body> </html>帮我优化一下这段代码
06-19
使用Bootstrap官方CDN--><linkrel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"><scriptsrc="https://code.jquery.com/jquery-3.5.1.min.js"></script><scriptsrc...
test_how_to_buy.py::TestHowToBuyBuilder::test_get_p2p_page FAILED [100%] AssertionError: 响应内容中未找到'P2P'关键字 P2P' in '<!DOCTYPE html><html translate=no lang=en><head><meta charset=UTF-8><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\'gtm.start\': new Date().getTime(),event:\'gtm.js\'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!=\'dataLayer\'?\'&l=\'+l:\'\';j.async=true;j.src= \'https://www.googletagmanager.com/gtm.js?id=\'+i+dl;f.parentNode.insertBefore(j,f); })(window,document,\'script\',\'dataLayer\',\'GTM-PM7K2HH2\');</script><script src=https://web.webstatic.cc/sensorsdata.min.js></script><meta name=renderer content=webkit><meta http-equiv=X-UA-Compatible content="IE=edge"><meta content=yes name=apple-mobile-web-app-capable><meta content=yes name=apple-touch-fullscreen><meta content="telephone=no" name=format-detection><meta content=black name=apple-mobile-web-app-status-bar-style><meta name=viewport content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><title>JuCoin</title><meta name=google-site-verification content=XNK7qkbdXlGZC5qdscfsn3btNpWGvXYxRUOAz4kKmt0><meta name=yandex-verification content=ecd9a602bed59339><link rel=stylesheet type=text/css href=https://at.alicdn.com/t/font_2502537_ytndssfkiy.css><script src=//web-test.jcwork.net/common/libs/vue@2.6.12.vue-router@3.5.1.vuex@3.6.2.min.js></script><link href=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.04f8bd3df0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.0d36cfb318.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.f2aa17ba00.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.74d49d5ad6.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.aad22a0112.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.b2931283ae.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.df1b87764e.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.d7e11400c0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~db300d2f.5c0e563e8d.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/runtime.92f87a5477.js rel=modulepreload as=script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PM7K2HH2" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><div id=app></div><script src=/js/iconpark.js></script><script>var isInApp = navigator.userAgent.indexOf(\'ju/\') > -1; if (!isInApp) { var script = document.createElement(\'script\'); script.id = \'ze-snippet\'; script.src = "https://static.zdassets.com/ekr/snippet.js?key=707ff1c5-ee52-41ea-bf75-124f94056064"; document.body.appendChild(script); }</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-ECW5SYQQJF"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(\'js\', new Date()); gtag(\'config\', \'G-ECW5SYQQJF\');</script><script type=module src=//web-test.jcwork.net/web/order/assets/js/runtime.92f87a5477.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.0d36cfb318.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.df1b87764e.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.aad22a0112.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.74d49d5ad6.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.f2aa17ba00.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.d7e11400c0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~db300d2f.5c0e563e8d.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.b2931283ae.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.04f8bd3df0.js></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.targe != =t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src=//web-test.jcwork.net/web/order/assets/js/runtime.ff5150786c.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.6b7bef194f.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.044f32af3e.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.2a7eaabaa0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.b9fcb6db08.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.38608570f1.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.0a4168faf6.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.5c144a50c2.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.e5e0e373f8.js nomodule></script></body></html>' <点击查看差异> test_how_to_buy.py:647: in test_get_p2p_page assert "P2P" in response_text, "响应内容中未找到'P2P'关键字" E AssertionError: 响应内容中未找到'P2P'关键字 E assert 'P2P' in '<!DOCTYPE html><html translate=no lang=en><head><meta charset=UTF-8><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\'gtm.start\':\n new Date().getTime(),event:\'gtm.js\'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!=\'dataLayer\'?\'&l=\'+l:\'\';j.async=true;j.src=\n \'https://www.googletagmanager.com/gtm.js?id=\'+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,\'script\',\'dataLayer\',\'GTM-PM7K2HH2\');</script><script src=https://web.webstatic.cc/sensorsdata.min.js></script><meta name=renderer content=webkit><meta http-equiv=X-UA-Compatible content="IE=edge"><meta content=yes name=apple-mobile-web-app-capable><meta content=yes name=apple-touch-fullscreen><meta content="telephone=no" name=format-detection><meta content=black name=apple-mobile-web-app-status-bar-style><meta name=viewport content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><title>JuCoin</title><meta name=google-site-verification content=XNK7qkbdXlGZC5qdscfsn3btNpWGvXYxRUOAz4kKmt0><meta name=yandex-verification content=ecd9a602bed59339><link rel=stylesheet type=text/css href=https://at.alicdn.com/t/font_2502537_ytndssfkiy.css><script src=//web-test.jcwork.net/common/libs/vue@2.6.12.vue-router@3.5.1.vuex@3.6.2.min.js></script><link href=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.04f8bd3df0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.0d36cfb318.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.f2aa17ba00.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.74d49d5ad6.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.aad22a0112.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.b2931283ae.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.df1b87764e.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.d7e11400c0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~db300d2f.5c0e563e8d.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/runtime.92f87a5477.js rel=modulepreload as=script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PM7K2HH2" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><div id=app></div><script src=/js/iconpark.js></script><script>var isInApp = navigator.userAgent.indexOf(\'ju/\') > -1;\n if (!isInApp) {\n var script = document.createElement(\'script\');\n script.id = \'ze-snippet\';\n script.src = "https://static.zdassets.com/ekr/snippet.js?key=707ff1c5-ee52-41ea-bf75-124f94056064";\n document.body.appendChild(script);\n }</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-ECW5SYQQJF"></script><script>window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag(\'js\', new Date());\n gtag(\'config\', \'G-ECW5SYQQJF\');</script><script type=module src=//web-test.jcwork.net/web/order/assets/js/runtime.92f87a5477.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.0d36cfb318.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.df1b87764e.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.aad22a0112.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.74d49d5ad6.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.f2aa17ba00.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.d7e11400c0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~db300d2f.5c0e563e8d.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.b2931283ae.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.04f8bd3df0.js></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src=//web-test.jcwork.net/web/order/assets/js/runtime.ff5150786c.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.6b7bef194f.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.044f32af3e.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.2a7eaabaa0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.b9fcb6db08.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.38608570f1.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.0a4168faf6.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.5c144a50c2.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.e5e0e373f8.js nomodule></script></body></html>' 断言失败 断言失败 断言失败 以上是上个问题答案中的P2P接口测试用例脚本跑完后报错的内容，请做对应的修改
07-01
"响应内容中未找到'JuCoin'关键字"assert'<divid=app></div>'in response_text,"响应内容中未找到Vue挂载点"但是注意，响应文本中`<divid=app></div>`是存在的（在错误信息中可以看到），所以这个断言应该能通过。...
<template> <section> <a-row style="margin: 10px 0px"> <a-button style="margin-right: 10px" @click="printPage"> <template #icon> <printer-outlined/> </template> 打印 </a-button> <a-button style="margin-right: 10px" type="primary" danger @click="closeWin"> <template #icon> <close-circle-outlined/> </template> 关闭 </a-button> <a-button style="background-color: #faad14; border-color: #faad14; color: #fff;" @click="exprotData"> <template #icon> <download-outlined/> </template> 导出 </a-button> </a-row> <div id="print-body"> <table class="custom-table"> <colgroup> <col style="width: 8%"/> <col style="width: 5%"/> <col style="width: 5%"/> <col style="width: 15%"/> <col style="width: 10%"/> <col style="width: 15%"/> <col style="width: 10%"/> <col style="width: 8%"/> <col style="width: 8%"/> <col style="width: 8%"/> <col style="width: 8%"/> </colgroup> <!-- 标题行 --> <tr> <th colspan="11" style="padding: 10px 0; text-align: left; border: 1px solid #000;"> <div style="display: flex; justify-content: space-between; align-items: center;"> <span style="font-size: 30px; font-weight: bold;"> {{ data.projectNo }}材料清单 </span> <div style="display: flex; gap: 20px; font-size: 14px;"> <span>派工单 {{ data.orderNo }}</span> <span></span> <span>下料领料单 {{ data.cutMatListNo }}</span> <span>装配领料单 {{ data.assyMatListNo }}</span> </div> </div> </th> </tr> <!-- 表头 --> <tr class="header-row"> <th class="center">管号</th> <th class="center">页号</th> <th class="center">件号</th> <th class="left">零件描述</th> <th class="center">物资编码</th> <th class="left">物资描述</th> <th class="center">零件备注</th> <th class="center">涂装代码</th> <th class="center">总</th> <th class="center">需求</th> <th class="center">使用余料</th> </tr> <!-- 数据行 --> <tbody v-if="data && data.matList"> <tr v-for="(item, index) in data.matList" :key="index" class="data-row"> <td class="center">{{ item.pipeNo }}</td> <td class="center">{{ item.pageNo }}</td> <td class="center">{{ item.partNo }}</td> <td class="left">{{ item.erpMatDesc }}</td> <td class="center">{{ item.matNo }}</td> <td class="left">{{ item.matDesp }}</td> <td class="center">{{ item.cutRemark }}</td> <td class="center">{{ item.paintNo }}</td> <td class="center">{{ item.total }}</td> <td class="center">{{ item.needNum }}</td> <td class="center">{{ item.isUsedShopMat }}</td> </tr> </tbody> <tbody v-else> <tr> <td colspan="11" class="center">暂无数据</td> </tr> </tbody> </table> </div> </section> </template> <script setup> import {computed, onActivated, ref} from 'vue' import {useRoute, useRouter} from 'vue-router' import {print} from '@/utils/print' import * as server from "@/packages/piping/api/cppf" import {CloseCircleOutlined, DownloadOutlined, PrinterOutlined} from "@ant-design/icons-vue"; const router = useRouter() const route = useRoute() const loading = ref(false) const data = ref() const orderNo = computed(() => route.query.orderNo) onActivated(() => { loading.value = true server.getPreAssyWorkOrderPrintList({orderNo: orderNo.value}).then(res => { if (!res.error) { data.value = res.data loading.value = false } }) }) const printPage = () => { print({ type: 'raw-html', printable: document.querySelector('#print-body').innerHTML, documentTitle: '装配材料清单', direction: 'landscape', style: ` .custom-table { font-size: 8px; border-collapse: collapse; width: 100%; table-layout: fixed; } .custom-table th{ padding: 10px 0; border: 1px solid #000; } .header-row th { padding: 5px; text-align: center; border: 1px solid #000; } .data-row td { padding: 5px; border: 1px solid #000; border-top: none; } .left { text-align: left; } .center { text-align: center; } ` }) } const exprotData = () => { server.assyWorkOrderPrintListExport({orderNo: orderNo.value}) } const closeWin = () => { const url = window.location.href if (url.indexOf('iframe=true') !== -1) { window.history.go(-1) } else { router.back() } } </script> <style scoped> .custom-table { font-size: 8px; border-collapse: collapse; width: 100%; table-layout: fixed; } .custom-table th { padding: 10px 0; border: 1px solid #000; } .header-row th { padding: 5px; text-align: center; border: 1px solid #000; border-top: none; } .data-row td { padding: 5px; border: 1px solid #000; border-top: none; } .left { text-align: left; } .center { text-align: center; } </style> data即使没数据，为什么标题行不展示
10-18
- `<tbody>` 是 Vue 控制的区域，但标题行在 `<table>` 中是静态结构，未进行条件渲染控制。 --- ### ✅ 解决方案： 你需要使用 Vue 的条件渲染（如 `v-if`）来控制整个表格内容的渲染逻辑，确保即使 `data` 没有...
笔记:vue中iframe刷新后src丢失出现404问题
popstarqq的博客
11-24 2849
如果组件中，用iframe嵌套了别的项目地址；刚开始用vuex保存src内容，但是页面刷新后，iframe中的内容404；原因是vuex中的src没有值，所以采用浏览器缓存实现； 代码如下 <template> <div class="sc-demo"> <iframe class="iframe" :src="src" ></iframe> </div> </template> <script> i.
iframe 在 vue2.0中使用
weixin_61256270的博客
12-22 5698
iframe的简单使用 大小 滚动条
vue使用iframe通信时报错this.$refs.testFrame==null
ITxiaobaip的博客
05-23 587
问题：在vue使用iframe通信时报错this.$refs.testFrame==null。解决方式： 重新获取iframe，使用新的iframe进行通信。
vue渲染静态html,vue技巧：解决网页静态化的问题
weixin_39944595的博客
06-17 2203
我们使用vuecli打包出来的vue页面，只有一个html。不错这确实是spa牛逼的地方。但是对于seo来说，这也是一个致命缺陷。那就是，完全没法seo。这货连个实体页面都没有。那就很难受了。此时我们需要借助插件prerender-spa-plugin解决问题。在项目目录输入cnpm install prerender-spa-plugin -S-d这里你需要注意一点，你现在需要设置你的route...
在Vue中如何渲染使用Vue写法的HTML文件？
新生代码农的博客
04-25 1147
在Vue.js中，我们可以使用Vue的语法来编写HTML文件，并通过Vue实例来渲染这些文件。编写HTML文件：在HTML文件中，我们可以使用Vue提供的指令、插值和事件处理等特性，编写具有动态交互性的内容。引入Vue.js文件：确保在HTML文件中引入Vue.js文件，以便浏览器能够识别和执行Vue的语法。指定el属性：在Vue实例中，我们通过指定el属性来指定Vue实例挂载到哪个HTML元素上。创建Vue实例：首先，我们需要创建一个Vue实例，以便将Vue绑定到HTML文件中。// 创建Vue实例。
Vue中引入HTML静态资源文件（包含数据的传递）（html大屏）
热门推荐
weixin_49376462的博客
07-29 1万+
Vue中引入HTML静态资源文件（包含数据的传递），引入可视化大屏并出传递数据。
vue嵌套html跳转静态文件
weixin_59787755的博客
11-19 2293
自己遇到的问题记录
vue2 渲染 .htm文件
weixin_44303625的博客
11-05 721
在 Vue 2 项目中渲染.htm.htm。
Vue中引入HTML静态资源文件（包含数据的传递）
leveretz的博客
11-08 2281
Vue中引入HTML静态资源文件（包含数据的传递）（html大屏）
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值