uniapp如何写全局方法

已于 2023-01-18 21:18:30 修改
阅读量1.5k 收藏 1
点赞数
分类专栏： 学习 文章标签： uni-app vue.js javascript
于 2023-01-18 21:16:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ssophia/article/details/128730379
版权
文章介绍了如何在Vue项目中创建一个名为utils.js的通用工具文件，导出特定方法如getPermission，然后在main.js中导入并挂载到Vue原型上，以便在组件中通过this.$getPermission的方式调用，实现角色权限检查的功能。
摘要由CSDN通过智能技术生成

1、在common文件夹下，新建一个utils .js文件写方法

2、main.js中引入

import utils from "./common/utils.js"

3、挂载方法

Vue.prototype.xx= utils .方法名

4、使用

this.$xx()

举例：
在这里插入图片描述
在这里插入图片描述

代码：

utils.js中

module.exports = {
	getPermission:(roles,val)=>{
		return roles.includes(val);
	}
}

main.js文件

import utils from "./common/utils.js"
Vue.prototype.$getPermission = utils.getPermission

在vue页面中使用

this.$getPermission
成长中的向日葵
关注
专栏目录
uniapp整合全局websocket
954L
12-20 1189
本文为非全局websocket，只在单页面创建连接。适用于在线聊天对话等业务。
uniapp mixin全局混入
weixin_45932157的博客
08-23 3658
/** * 全局混入型 */ module.exports = { beforeCreate() { }, data() { return { /** * 页面加载 */ pageLoading: true } }, methods: { /** * 获取正确的src * @param src * @returns {string|*} */ imageSrc(src) { if (!src) return src;
uni-app 实现全局变量或方法的 4 种方式
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
06-27 1万+
一、公用模块 1，定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。 在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 utils.js 用于定义公用的方法。 const baseUrl = 'http://uniapp.dcloud.io'; const nowTime = Date.now || function () { return new Date().getTime(); }; export default
uni-app 全局变量的几种实现方式代码示例.zip
05-07
附件中为uni-app 全局变量的几种实现方式的代码示例，方便大家直接下载使用。下载好之后请在 HBuilderX 中运行。
uni-app 全局变量的几种实现方式
dingleishuo3435的博客
09-10 1628
公用模块 定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。 注意这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。 示例如下：在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 helper.js 用于定义公用的方法。 1 const websiteUrl = 'http://un...
【vue，unapi】UniApp引入全局js实现全局方法，全局变量
咖啡味的小认真
04-25 1175
第二步：在vue页面使用，注意：页面中不要在出现重复的属性或方法名。第一步：在main.js中进行挂载。直接在vue页面中使用。
uniapp全局变量和全局函数的实现
abs625的博客
10-27 1万+
uniapp全局变量和全局函数的实现前言通用模块实现使用优缺点原型（prototype）实现使用优缺点globalData实现使用优缺点Vuex实现使用优缺点尾巴 前言 在开发过程中，为了尽量消除冗余代码我们往往会将一些通用的变量、方法或者函数进行抽象以便进行复用，比如baseurl，通用的工具函数等等。接下来就总结下uniapp中常用的几种实现全局变量和全局函数的方法。 通用模块 定义一个通用的模块（通常是js文件），然后在这个js文件中配置全局变量和全局函数，需要的地方引入这个文件即可。 实现 在 un
2024年C C++最全【算法基础】 数位DP Acwing338，C C++开发知识点
2401_84973664的博客
05-13 340
【代码】2024年C C++最全【算法基础】 数位DP Acwing338，C C++开发知识点。
uniapp封装全局方法
03-28
Uniapp封装全局方法的步骤如下： 1. 在uniapp项目中创建一个js文件，命名为global.js，用于存放全局方法。 2. 在global.js中定义需要封装的全局方法，例如： ```javascript // global.js export default { ...
uniapp使用mixins混入全局分享
前端叶荨，随手记
04-15 1498
uniapp使用mixins混入全局分享。
uniapp全局弹窗(APP端)
qq_18594435的博客
08-01 1万+
uniapp APP端全局弹窗。 JS实现，统一样式
uniapp 使用vue3 (第二篇 全局方法)
weixin_44596839的博客
04-23 1万+
uniapp vue3 挂载全局公共方法
uni-app全局函数
也简的博客
08-08 3627
uni-app函数全局注册
Uniapp添加全局方法，二次封装缓存_uniapp this，2024年最新太香了
2401_84254451的博客
04-13 949
在项目开发中，没有使用Vuex进行全局缓存，而是使用uniapp自带的类似于js的storage来进行跨页面数据共享。因而在使用时，会出现很多相同的代码去操作缓存数据。故而全局方法可以帮忙减少代码量，让代码看起来更加简洁。在main.js进行挂载。 例如挂载全局请求的url。Vue.prototype.apiUrl = “http://api.***.cn”;在其他vue文件里面进行使用时，直接this即可。let url = this.apiUrl全局方法的挂载 现在main.js里面声明一个变量，值为一
uni-app：利用Vue的原型对象Vue.prototype设置全局方法及其引用
最新发布
weixin_46001736的博客
06-04 1043
uni-app：利用Vue的原型对象Vue.prototype设置全局方法及其引用
uniapp如何定义全局变量？
weixin_59525879的博客
01-14 1982
需要注意的是，$uni是一个普通的JavaScript对象，使用它定义的全局变量不具备响应式。如果需要在组件中监听该全局变量的变化，建议使用Vuex。通过将需要全局共享的数据存放在Vuex的状态中，就可以在任何一个组件中使用$store进行访问。在UniApp中定义一个全局变量，可以使用Vue.js的全局属性 $store 或 $uni。1.使用Vue.js的全局属性 $store。2.使用Vue.js的全局属性 $uni。globalVar: '我是全局变量'globalVar: '我是全局变量'
uniapp挂载全局常用方法main/globalData
刻痕
12-09 1万+
01.main.js挂载方案（最常用）： main.js部分： // main.js import App from './App' import Vue from 'vue' Vue.config.productionTip = false App.mpType = 'app' // 全局挂载 import $tools from './tool'; Vue.prototype.$tools = $tools; const app = new Vue({ ...App }) app.$moun
Uniapp添加全局方法，二次封装缓存_uniapp this
2401_84254451的博客
04-12 711
在main.js进行挂载。 例如挂载全局请求的url。Vue.prototype.apiUrl = “http://api.***.cn”;在其他vue文件里面进行使用时，直接this即可。let url = this.apiUrl全局方法的挂载 现在main.js里面声明一个变量，值为一个函数。const setCache = (key, value, seconds) => { console.log(“setCache”) };然后使用Vue.prototype.变量的形式将方法挂载上去，如下。Vue
uniapp：实现全局变量的几种方式
热门推荐
本以为成功很简单，没想到活成普通人都需拼尽全力！
04-06 2万+
在开发的过程中，我们不可避免的用到全局变量，比如我们的请求的公共路径这个变量；那么我们在uniapp中有哪几种方式可以实现全局变量 1. 模块 我们可以在项目中新建一个js文件，定义一个专用的模块，用来管理全局的变量，在有需要的地方进行引入！ 比如，我在项目的根目录中新建了一个config.js，写入以下代码 export const baseUrl = "https://www.baidu.com/" 在页面中如下使用就是了 <script> import { baseUrl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值