后端返回字符串 '<script src=“js/myScript.js”></script>', vue项目中 如何给某个单页面添加这样的标签,
时间: 2024-10-08 18:22:18 浏览: 30
vue动态加载js.zip
在Vue项目中,如果你需要动态插入HTML字符串,可以使用`v-html`指令来实现。假设你想在一个特定的组件里添加这个`<script>`标签,你可以这样做:
```html
<template>
<div v-if="insertScript">
<div v-bind:innerHTML="scriptTag"></div>
</div>
</template>
<script>
export default {
data() {
return {
insertScript: true, // 控制是否插入script标签,默认为true
scriptTag: `<script src="js/myScript.js"></script>`, // 需要插入的HTML字符串
};
},
};
</script>
```
在这个例子中,`insertScript`是一个布尔属性,你可以通过数据驱动来控制是否显示这个`<script>`标签。当`insertScript`为`true`时,`scriptTag`里的内容会被解析并插入到页面上。
阅读全文