uniapp封装全局的提示方法
在uniapp中，你可以通过创建一个全局的mixin或者在Vue的原型上添加方法来封装全局的提示方法。以下是一个简单的示例，展示了如何封装一个全局的提示方法：
// 在main.js中
import Vue from 'vue'
// 创建一个全局提示方法
Vue.prototype.$showToast = function(message, duration = 1500) {
uni.showToast({
title: message,
duration: duration,
icon: 'none'
});
};
// 创建Vue实例并挂载
new Vue({
// ...
}).$mount()在任何组件中，你都可以通过this.$showToast('提示信息')来调用这个全局提示方法。例如：
export default {
methods: {
showGlobalToast() {
this.$showToast('这是一个全局提示');
}
}
}在模板中，你可以使用这个方法来显示提示：
<template>
<button @click="showGlobalToast">显示全局提示</button>
</template>这样，你就可以在uniapp项目中使用这个全局的提示方法了。
评论已关闭