盛夏温暖流年

Modal 对话框点击确定按钮后，对话框会自动消失，如果想阻止它消失，官方给出的解决方案是给 Modal 添加属性 loading，实现方式如下所示： <template> <Button type="primary" @click="modal1 = true">展示Modal</Button> <Modal v-model="modal1" title="Title" :loading="loadi

随着页面数据越来越多，一次性加载所有数据会对后端服务造成压力，同时加载速度慢也会影响用户体验，所以我们通常使用分页的方式来提高性能，优化体验。 很多其他博客中都是后端返回所有数据，前端再进行截取，个人认为这样并没有实现真正意义上的分页，所以本博客中由后端实现数据分页，前端只负责展示和处理。 vue 分页可以通过 iView 的 Page 组件来实现，简单高效。 一. vue 的 Page 组件实现前端分页 1. 在 vue 文件中引入 Page 组件 <template> <div&g

在介绍如何封装 axios 的 http 请求之前，我们先来了解下什么是 axios。 axios 是通过 promise 实现对 ajax 技术 的一种封装，就像 jQuery 实现 ajax 封装一样。 简单来说，ajax 技术实现了网页的局部数据刷新，axios 实现了对 ajax 的封装。 平时开发 vue 项目时，不同模块都会使用 axios 请求后台的接口，代码如下： this.$axios({ method: "POST", url: "接口地址", params: { 参