Vue 模板字符串碰到script无法识别，报错Parsing error: Unterminated template.

Vue 模板字符串碰到script无法识别

vanora1111

1282人浏览 · 2023-10-18 14:53:34

vanora1111 · 2023-10-18 14:53:34 发布

需求：

将js代码完整的显示在界面上，包括标签

代码如下：

报错信息如下：

我们在上图中可以看到模板字符串加入了script标签后会报错

原因：运行JS的时候由上至下，先识别模板字符串里面的script标签，会认为标签结束了，所以后面会报错(其实和字符串里面无法放script标签是一个道理)

解决：利用转义字符 \

记录来源于项目需求~ 希望有帮助到你

技术共进，成长同行——讯飞AI开发者社区

更多推荐

第71篇：AI+能源：智能电网、新能源预测与节能优化

摘要：本文系统性地深入探讨人工智能在能源领域的革命性应用。我们首先解析智能电网（Smart Grid）的核心机制——AI如何融合实时电力数据（发电、输电、配电、用电）、气象信息、用户行为，通过强化学习（Reinforcement Learning）与优化算法（如线性规划、混合整数规划），实现电力的动态调度、供需平衡、故障预测与自愈，构建更安全、高效、弹性的电力系统。