📜  vuejs 无法在模板中添加脚本 - Javascript (1)

📅  最后修改于: 2023-12-03 14:48:23.854000             🧑  作者: Mango

Vuejs 无法在模板中添加脚本

在Vuejs中,想要添加脚本的方式一般是通过v-bind指令绑定一个data属性,在该属性中添加js代码,然后在模板中通过{{}}输出该属性。但是有些情况下,我们想要在模板中直接添加脚本标签或者script标签,这时可能会发现脚本并不会被执行,只会作为字符串直接输出到页面上。

原因分析

Vuejs为了保证模板的安全性,使用了一个叫“HTML Sanitization”的技术。这个技术会过滤掉所有不安全的HTML标签和属性,其中就包括了