![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3实战专栏
vue3实战专栏
友人喵咪老师
这个作者很懒,什么都没留下…
展开
-
vue3.2+Promise+element-plus二次封装axios
一、实现思路思路:1.引入环境配置,根据启动环境 的mode不同,调用不同的baseURL2.配置基础URL和请求超时时间3.对请求进行拦截处理,进行配置4.对响应进行拦截处理(需要和后端统一下,响应的格式)5.引入Promise,以promise形式将响应进行返回,方便调用二、核心代码/** * axios 二次封装 */import axios from "axios";import config from "../config";import { ElMessage }原创 2021-12-03 11:37:23 · 4112 阅读 · 1 评论 -
vue3引入 highlight.js 进行代码高亮
背景描述:在项目开发中,经常一些日志预览,还有文件的预览,需要进行代码高亮显示。这样可以让文本内容展示的时候显得更加友好,也便于阅读效果类似markdown语法的代码高亮,如下: <TestPlan guiclass="TestPlanGui" testclass="TestPlan" testname="自动化测试"> <stringProp name="TestPlan.comments"></stringProp> <b原创 2021-11-23 16:39:10 · 17145 阅读 · 12 评论 -
vue3 对ant-design-vue 按钮组件进行二次封装
我们要实现的需求,在表格action栏,按钮以图标形式展示,移动到图标上有对应的按钮操作提示。因为页面复用的比较多,所以对图标根据业务需求进行了二次封装组件代码结构如下index的内容:<template> <!-- 新增 --> <template v-if="type==='add'"> <a-tooltip :title="text" color="#87d068"> <a-button shape="ci.原创 2021-11-19 10:13:45 · 1655 阅读 · 0 评论 -
vue3 全局注册 ant 图标组件
Ant Design Vue官网中,给出的示例中,引用图标组件,需要在每个页面进行按需引入。下面给大家提供一个全局注册ant图标组件的一种方法。1.安装 @ant-design/icons-vue 图标组件包npm install --save @ant-design/icons-vue2.在main.js / main.ts进行注册引入import * as Icons from '@ant-design/icons-vue'import router from './router'im.原创 2021-11-15 10:40:01 · 10155 阅读 · 3 评论 -
vue3 注册全局组件 定义全局组件
在main.js/ main.ts 文件对组件进行引入import QiButton from './components/QiButton/index.vue'const app = createApp(App)app.use(store).use(router)// 对组件挂载到app上,就不用每个页面单独引入了app.component('QiButton', QiButton)...原创 2021-11-10 16:49:24 · 1068 阅读 · 0 评论 -
vue3 注册全局方法 定义全局方法
定义工具类// 格式化时间function FormatDate (time: string) { if (Tool.isNotEmpty(time)) { const date = new Date(time) // 注意js里面的getMonth是从0开始的 let FormattedDateTime = null const year = date.getFullYear() const month = (date.getMonth() + 1)原创 2021-10-20 09:50:18 · 21614 阅读 · 5 评论