LAO_WUUAN
LAO_WUUAN
  • 发布:2023-06-20 06:11
  • 更新:2023-06-20 06:11
  • 阅读:848

在uni-app main.js 中定义3个全局方法的例子

分类:uni-app

import Vue from 'vue'  
import App from './App'  

Vue.config.productionTip = false  

App.mpType = 'app'  

// 定义全局方法1  
Vue.prototype.method1 = function () {  
  console.log('这是全局方法1')  
}  

// 定义全局方法2  
Vue.prototype.method2 = function (param1, param2) {  
  console.log(`这是全局方法2,参数1=${param1},参数2=${param2}`)  
}  

// 定义全局方法3  
Vue.prototype.method3 = function () {  
  uni.showToast({  
    title: '这是全局方法3',  
    icon: 'none'  
  })  
}  

// 引入全局uView  
import uView from 'uview-ui'  
Vue.use(uView);  

const app = new Vue({  
    ...App  
})  
app.$mount()

在调用全局方法之前,需要先确保在应用程序中已成功引入了定义这些方法的代码。

调用全局方法的方法与调用任何其他方法相同,即通过访问实例的方法名进行调用。以下是在组件中调用这3个方法的示例代码:

<script>
export default {
methods: {
onClick1() {
// 调用全局方法1
this.method1()
},
onClick2() {
// 调用全局方法2
this.method2('参数1值', '参数2值')
},
onClick3() {
// 调用全局方法3
this.method3()
},
}
}
</script>

0 关注 分享

要回复文章请先登录注册