uniapp如何引入全局js

1.在common文件夹创建httpApi.js文件，内容如下

var getNewsDetail ='/api/v1/news/getNewsDetail';
var getNewsList ='/api/v1/news/getNewsList';export default {getNewsDetail:getNewsDetail,//资讯详情getNewsList:getNewsList,//资讯列表
};

2.main.js 引入

import Vue from 'vue'
import App from './App'import httpApi from './common/httpApi';Vue.config.productionTip = falseApp.mpType = 'app'Vue.prototype.$httpApi = httpApi//赋值到vue里面const app = new Vue({...App
})
app.$mount()

3.在单个页面调用变量

this.$httpApi.getNewsList

很实用

uniapp如何引入全局js相关推荐

uni-app 项目引入第三方js插件，单个js文件引入成功，调用该插件方法
通过"vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错(问题已解决)"成功移到UNI-APP上方法一: 引用网址:https://www.cnblogs. ...
uniapp项目引入外部js方法
uniapp引入不像vue可以直接在index.html中设置,听说可以自己创,感觉挺麻烦,遇到需要外部引入,然后获取参数的,可以用这个笨方法可以在组件中定义方法,写入代码 function add ...
uniapp项目引入Dplayer.js以及hls.js用来解析播放m3u8直播流视频文件，文末有项目代码可供下载
1.下载依赖 npm i dplayer -S npm i hls.js -S 2.vue页面 <template><view class="content"&g ...
vue main.js 引入全局 js 统一导入 js
main.js 代码 // 导入axios import axios from axios // 添加到 vue 的 this 属性上(全局使用) Vue.prototype.axios = axio ...
uniapp怎么引入css_Uniapp怎么引入外部js
Uniapp引入外部js的方法:首先新建一个indexl文件,引入外部js,代码为[]:然后打开manifest文件. 本教程操作环境:windows7系统.uni-app2.5.1版本,该方法适用于 ...
uniapp引用外部js_Uniapp怎么引入外部js
Uniapp引入外部js的方法:首先新建一个indexl文件,引入外部js,代码为[]:然后打开manifest文件. 本教程操作环境:windows7系统.uni-app2.5.1版本,该方法适用于 ...
uniapp 框架下如何引入turf.js
turf.js是一个非常优秀的前端空间计算框架.最近遇到一个问题,在使用uniapp进行开发微信小程序时,无法通过npm正常引入turf.js,这个问题也解决了很久.最后解决的方式也稍微复杂. 在空项 ...
uni-app中引入uViewUI框架
uni-app中引入uViewUI框架 uViewUI官方地址:https://uviewui.com/ 1.npm 安装uViewUI // 安装 npm install uview-ui 2.np ...
vue引入turn.js
github地址: https://github.com/blasten/turn.js (1) 首先要全局引入jquery 这里我们使用vue-cli3 搭建的项目,所以使用链式引入 vue.con ...
js中load载入html页面,使用jquery的load方法加载html页面，但是html引入的js不生效
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提有一个公共的登录弹框页面需要在多个页面引用,百度后就使用了jQuery 的 load 方法. 做法: 将公共的 ht ...

uniapp如何引入全局js

uniapp如何引入全局js相关推荐

最新文章

热门文章