uni-app引用外部js文件
在uni-app中引用外部JavaScript文件,可以通过以下步骤进行:
- 将外部JavaScript文件放置在项目的
static
目录下(如果没有此目录,请创建一个)。 - 在需要使用该JavaScript文件的页面的
<script>
标签中,使用require
关键字来引用该文件。
例如,假设你有一个名为example.js
的外部JavaScript文件,放置在static
目录下,你可以在pages/index/index.vue
页面中这样引用:
// 在 pages/index/index.vue 文件中
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
// 引用外部JS文件
var externalModule = require('@/static/example.js');
export default {
data() {
return {
// 数据定义
};
},
onLoad() {
// 使用外部JS文件的函数
externalModule.someFunction();
},
// 其他选项
};
</script>
<style>
/* 页面样式 */
</style>
在example.js
文件中,你可以定义一些函数供页面使用:
// 在 static/example.js 文件中
function someFunction() {
console.log('Function from external JS file');
}
module.exports = {
someFunction: someFunction
};
以上就是在uni-app中引用外部JavaScript文件的方法。
评论已关闭