1. 理解ElMessage组件的基本用法和属性 ElMessage是Element Plus提供的一个用于全局提示的组件,它有多种类型(如成功、警告、信息等)和丰富的配置选项。 2. 创建一个新的Vue3组件(或模块),准备进行二次封装 实际上,由于ElMessage是一个全局提示组件,我们通常会选择创建一个模块或函数来进行封装,而不是一个Vue组件...
ElMessageBox.alert(msg, 'message.box.title', { type: 'warning' }); } // 成功提示 success(msg: string): void { ElMessageBox.alert(msg, 'message.box.title', { type: 'success' }); } // 错误提示 error(msg: string): void { ElMessageBox.alert(msg, 'message.box.title', { type:...
import { ElMessage, MessageOptions } from "element-plus"; export function message(message: string, option?: MessageOptions) { ElMessage({ message, ...option }); } export function warningMessage(message: string, option?: MessageOptions) { ElMessage({ message, ...option, type: "warning" }...
publicsuccess(message:string):void{ ElMessage({ type:'success', message, }); } publicerror(message:string):void{ ElMessage({ type:'error', message, }); } publicwarning(message:string):void{ ElMessage({ type:'warning', message, }); } publicinfo(message:string):void{ ElMessage({ type...
vue3 封装api接口 新建axiosj.ts import axios from 'axios'; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from 'element-plus' // 引入el 提示框,这个项目里用什么组件库这里引什么 // 设置接口超时时间 axios.defaults.timeout = 60000; // 请求地址,这里是...
基于elementui 封装 message 方法 import{ ElMessage, MessageOptions }from"element-plus"; exportfunctionmessage(message:string, option?: MessageOptions){ ElMessage({ message, ...option }); } exportfunctionwarningMessage(message:string, option?: MessageOptions...
基于 elementui 封装 message 方法 typescript复制代码import { ElMessage, MessageOptions } from "element-plus"; export function message(message: string, option?: MessageOptions) { ElMessage({ message, ...option }); } export function warningMessage(message: string, option?: MessageOptions) { ...
封装: utils.request.js import axios from 'axios' import store from '@/store' import { ElMessage } from 'element-plus' import { isCheckTimeout } from '@/utils/auth' const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, ...
ElMessage('this is a message.') } 1.1.h 函数 Vue中,提供了一个h()函数用于创建vnodes。创建虚拟节点时会多种不同情况,比如传入标签名和属性,就会创建一个标签的虚拟节点,传入组件名和属性,就会创建一个组件的虚拟节点。 h()接收三个参数(要渲染的dom,attrs 对象,子元素) h()有一个...
``` /** * axios封装 */ import axios from "axios"; import config from "../config"; import { ElMessage } from 'element-plus' import router from "../router"; const TOKEN_INVALID = 'token 认证失败,请重新登陆!' const ENTWORK_ERROR = '网络请求异常,请稍后重试!' ...