Nuxt单页面内单独引入本地或网络JavaScript文件
Vue
2022-09-08 11:50:22
nuxt开发中单页面中需要单独引入js,那我们要如何在单页面中引入js文件呢?
代码如下:
<script>
export default {
data() {
return {
title: '单页面引入js文件'
}
},
head() {
return {
title: this.title,
meta: [
{ hid: 'description', name: 'description', content: '说明' },
{ hid: 'keywords', name: 'keywords', content: '关键词' }
],
script:[
{
type: 'text/javascript',
src:'/js/test.js',
body: true //<script>是否在body中
}
]
}
}
}
</script>
通过nuxt提供head方法可以将需要在单页面引入js文件,单独引入到页面中。
代码说明:
1、如果是网络地址,直接src改为网络地址即可
2、如果为本地js,建议你将js放置在static文件夹下,如statci/js/test.js
3、引入本地js,static文件不需要写
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
2375人已阅读