js变量里保存html标签片段报错_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

起因:我用了百度Ueditor插件在vue里,目的是生成H5页面,所以我只Ueditor获取了html片段,为的是自己添加html的头部和尾部;

1.vue data操作

header:'<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><style type="text/css">html,body {height: 100%;width: calc(100% - 10px);padding: 0;margin: 0;}</style><style type="text/css">img{height: auto !important;width:100% !important;};</style><style type="text/css">#content {width: 90%;height: 100%;padding: 0;margin: 10px auto;};</style></head><body>',
footer:'</body></html>'

//Ueditor获取的片段例子
content='<section><>123</section>'
//合并成完整的html
html = header + content + footer;

我把这三部分拼接成了完整的html存到了后台;

2.vue变量写法没报错,生成H5页报错

vue变量写法没报错,换成html页面写法就错了

let header='<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><style type="text/css">html,body {height: 100%;width: calc(100% - 10px);padding: 0;margin: 0;}</style><style type="text/css">img{height: auto !important;width:100% !important;};</style><style type="text/css">#content {width: 90%;height: 100%;padding: 0;margin: 10px auto;};</style></head><body>';
let footer='</body></html>' //报错了此处

在html页面let footer='</body></html>' 片段报错了此处~~~~

请各位帮看看怎么写才不会报错呢,感谢~~~
附上报错码

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
    <div id="content">12343</div>
    <script type="text/javascript">
        let footer='</body></html>'              
    </script>
</body>

</html>

###

你这个代码片段不连贯，也没看到vue相关联的代码
从你上面的代码来看是从html里面嵌套了一个 html???

###

除非用iframe嵌入，否则一个文档中只应该一组html、body标签对，你的是定义上是和这个相悖的，所以有问题。
你也没有给出完整的vue处理，就不好讨论啦。