注:js文件中的方法要写在一个对象里(具体原因正在探索...)
2.在angular.json文件中找到scripts配置js文件路径
3.在tsconfig.json文件中加入allowJs:true
4.在src文件下新建typings.d.ts文件,用来定义js文件中的静态类型
5.第四步相当于全局引入(自己理解的,不知道这样描述准确否),如果只想要在所需的组件里使用,即在组件的ts文件中单独引入
6.最后调用js文件中的方法即可
如果想用纯JS来实现,是没有办法的,提供两个方案\x0d\x0a1. 用JS来实现,但是需要自己手工把文件名列表弄出来,作为数据,如下\x0d\x0avar files = ['文件名1‘, '文件名2', '文件名3',...] // 这个数组放该目录下的所有文件名\x0d\x0avar dir = '/path/to/your/directory/' // 这里放对应的路径\x0d\x0afor (var i=0i 回答于 2022-11-16mounted() {
const s = document.createElement('script')
s.type = 'text/javascript'
s.src = '你的需要的js文件地址'
document.body.appendChild(s)
}
export default {
components: {
'remote-js': {
render(createElement) {
return createElement(
'script',
{
attrs: {
type: 'text/javascript',
src: '你的需要的js文件地址',
},
},
)
},
},
},
}