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 个评论
要回复文章请先登录或注册