vue 接口返回的script,js代码,怎么放到vue中和执行
时间: 2023-08-23 09:05:05 浏览: 97
vue.js包,在vue中导入
如果接口返回的是一段 `script` 代码或者 `js` 代码,你可以通过在 Vue.js 的 `mounted` 钩子函数中动态创建一个 `script` 标签,并将返回的代码放入该标签中,从而执行该代码。具体操作如下:
1. 在 `mounted` 钩子函数中创建一个 `script` 标签:
```js
mounted() {
const script = document.createElement('script')
script.type = 'text/javascript'
script.innerHTML = '/* 返回的 js 代码 */'
document.body.appendChild(script)
}
```
2. 将返回的 `js` 代码放入该标签的 `innerHTML` 属性中。
例如,如果接口返回的是以下代码:
```js
function showMsg() {
console.log('Hello, world!')
}
```
则可以将代码放入 `script` 标签中:
```js
mounted() {
const script = document.createElement('script')
script.type = 'text/javascript'
script.innerHTML = 'function showMsg() { console.log("Hello, world!"); }'
document.body.appendChild(script)
}
```
这样就可以在 Vue.js 中动态执行接口返回的 `js` 代码了。需要注意的是,执行动态插入的代码存在一定的安全风险,因此在实际开发中需要谨慎使用。
阅读全文