- 2024-09-13vue3 el-message组件封装
背景在封装请求拦截器时，使用ElMessage进行弹窗提示成功或失败，但是如果页面用到多个接口，这时就会导致页面出现很多弹窗，导致用户体验不好，有可能出现卡顿现象。这时就需要进行一些判断，如果前面的ElMessage还没关闭并且类型是一致的就return，不再弹窗提示，类型不一致时就要弹窗提示
- 2024-09-09vue3+el-upload上传文件
<template><el-uploadclass="avatar-uploader"action="#":headers="headers":http-request="uploadAction":on-change="onchange":file-list="fi
- 2024-08-09Nuxt3 axios封装 使用axios接口请求
一、先安装axiosnpminstalladdaxios封装请求request.ts文件importaxiosfrom'axios'import{ElMessage,Message}from"element-plus"import{getToken}from'./token.js'constservice=axios.create({baseURL:'/api',//
- 2024-06-20使用Element-plus的消息组件(ElMessage或ElNotification)时，出现z-index异常，导致被遮挡。
Nuxt3中使用ElementPlus的消息组件(ElMessage或ElNotification)时，出现z-index异常，导致被遮挡。背景介绍：我的页面中已经弹出了两个el-drawer组件，此种情况下我需要弹出一个提示信息。无论我是使用ElMessage，还是使用ElNotification都存在相同的问题，就是"遮罩层"给遮挡住以下
- 2024-03-30Vue3+Vite+Axios Request 请求封装（TS版本）最新
Vue3+Vite+AxiosRequest请求封装（TS版本）http>index.ts请求封装/**@Date:2024-03-3012:37:05*@LastEditors:zhong*@LastEditTime:2024-03-3014:12:52*@FilePath:\app-admin\src\http\index.ts*/importaxios,{AxiosInstance,AxiosRequestCon
- 2023-12-04JS实现把内容复制到剪切板中
其中弹出框是采用了Element-PLUS组件实现，你可以选择使用原生的alert去实现，或者不做提醒都可以，同时我加入了async进行异步，你也可以去掉async（记得同时去掉await），还可以不采用try进行错误处理（我怕一些浏览器不兼容？）/*** 把传入的值放入用于剪切板* data：需要放入剪切板的值*/con
- 2023-11-1311 13vue代码优化
今天基本学完了前端vue，整理vue：接口封装//定制请求的实例//导入axios npminstallaxiosimportaxiosfrom'axios';import{ElMessage}from'element-plus'//定义一个变量,记录公共的前缀 , baseURL//constbaseURL='http://localhost:8080';constbaseURL=
- 2023-10-18vue3文件导入导出
导入：//导入constimportExcel=async(file:any)=>{letformData=newFormData();//声明一个FormDate对象formData.append("file",file.raw);//把文件信息放入对象中//调用后台导入的接口importExcelAccount(formData).then(res=>{
- 2023-10-10记一个Elmessage被遮挡问题
之前在开发一个管理页面，功能有，编辑时只有一行可以编辑，删除时弹出警告窗口，确认后才执行删除。代码为Element-plus中的示例。但是ElMessageBox一直被遮挡代码如下，均为Element-plus的示例，此外还有两层router-view嵌套:<template><el-table:data="projectTableData"sty
- 2023-06-19Html使用Vue3+ElementPlus(图标 ElMessage)
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="wid
- 2023-06-02解决模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage
一、问题介绍在使用vite+element-plus+ts搭建项目时，导入ElMessage组件遇到【模块""element-plus""没有导出的成员"ElMessage"。你是想改用"importElMessagefrom"element-plus""吗?】这一错误提示二、出现原因ts识别不到element-plus对外暴露的ElMessage这一类型三、解
- 2023-03-23Fetch 基本操作 Get Post Delete Put
//删除请求asyncfunctionDeleteModel(model:Customer){leturl=`http://localhost:57679/api/Customers/${model.id}`awaitfetch(url,{method:'dele
- 2023-03-09vue3.0 如何获得引用element plus的messagebox模板如何写回调函数
1.比如找到官网的这个messagebox,复制原文，然后我们来试一试如何添加回调函数吧<scriptlang="ts"setup>import{ElMessage,ElMessageBox}from'element-plus'c
- 2023-02-10vue3实现单页crud
1.介绍主要实现单页curd，包含分页、新增、修改、删除、批量删除、条件搜索、表单校验。导入和导出暂未实现。、本文章只是学习过程。仅供参考。2.代码，按需复制修改即可
- 2023-01-05自动引入 ElMessage 提示没有导入包，但是已经在 Vite 中配置过自动导入
Vite可以配置组件自动导入和一些函数自动导入，函数自动导入就是plugins选项下的AutoImport({})。比如，Vue的生命周期函数、watch函数等，都在这里配置。ElementPlus的
- 2022-11-24vue3复制功能实现
插件：vue-clipboard3安装：npminstall--savevue-clipboard3使用的页面引入importuseClipboardfrom"vue-clipboard3";const{toClipboard}=useClipboard()