app.config.globalProperties.ElMessage.success 全局重写
时间: 2023-12-13 09:46:15 浏览: 116
C#重写系统消息,很全面
5星 · 资源好评率100%
对于 Vue.js 3,你可以通过在 `main.js` 文件中全局重写 `app.config.globalProperties` 来修改 `ElMessage.success` 的行为。以下是一个示例:
```javascript
import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
const app = createApp(App);
app.use(ElementPlus);
app.config.globalProperties.$message = (options) => {
if (options.type === 'success') {
// 自定义成功消息的行为
console.log('自定义成功消息的行为:', options.message);
} else {
// 其他类型消息的默认行为
ElMessage(options);
}
};
app.mount('#app');
```
在上面的示例中,我们通过重写 `$message` 方法来自定义成功消息的行为。如果传入的 `options` 对象中的 `type` 是 `success`,我们会在控制台输出自定义成功消息的行为。否则,我们会调用原始的 `ElMessage` 方法来处理其他类型的消息。
请注意,在重写全局属性时,确保在 `app.use(ElementPlus)` 之后进行配置。这样可以确保在重写时,`ElMessage` 已经被正确注入到 Vue 应用中。
阅读全文