vue 动态引入js

页面中经常会用到第三方库的情况，直接全局引入到html文件会造成资源浪费
实现在需要的页面动态加载

export function addJS (url) {
	return new Promise((resolve, reject) => {
		const script = document.createElement('script')
		script.src = url
		script.type = 'text/javascript'
		document.body.appendChild(script)
		script.onload = () => {
			resolve()
		}
	})
}
1
2
3
4
5
6
7
8
9
10
11

调用

import {addJS} from '@/utils'

init(){
	addJs("https://blog.minhazav.dev/assets/research/html5qrcode/html5-qrcode.min.js");
}
1
2
3
4
5