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

需求:

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

Vue 模板字符串碰到script无法识别,报错Parsing error: Unterminated template._第1张图片

代码如下: 

Vue 模板字符串碰到script无法识别,报错Parsing error: Unterminated template._第2张图片

报错信息如下:

Vue 模板字符串碰到script无法识别,报错Parsing error: Unterminated template._第3张图片

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

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

解决:利用转义字符  \

Vue 模板字符串碰到script无法识别,报错Parsing error: Unterminated template._第4张图片


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

你可能感兴趣的:(vue.js,前端,javascript)