Mazepk-CSDN博客

原创调用后台接口，将表格导出为excel文件

调用后台接口，将表格导出为excel文件前言导出方法1.引入axios库2.请求接口前言在vue项目中通常遇到将table数据导出为excel文件的情况，由于记性有点差，还是记下来我常用的方法吧导出方法1.引入axios库提示：axios安装就不详述啦，网上很多资料代码如下（示例）：import axios from 'axios'2.请求接口代码如下（示例）：// 调用后台接口需要传的参数（此处为示例，具体参数根据后端提供的接口为准）let data = { n.

2022-02-21 21:11:24 569

原创 el-form 使用报错 “Error: please transfer a valid prop path to form item!“

问题描述使用 el-form 表单，在已确认绑定数据未写错，字段名都正确，rules检验也都正确的情况下，报以下错误报错后各种排查，各种查资料，都未能解决，最后发现，引起报错的原因尽很简单，却又容易忽略问题原因原来同一个界面上有两个 el-form表单，两个form表单除了绑定的数据名不同，其他字段格式都相同，可能是同一个界面两个相同表单冲突了解决方法只要在两个表单上分别给一个不同的 key值就不会报错啦方法如下：表单1表单2...

2021-05-25 16:31:55 2502 1

原创 el-input 使用 oninput输入校验时，v-model数据不更新问题

描述：当el-input中对输入数据进行校验时，使用oninput后，数据不及时更新或者为空，并且，如果是校验必填项，还会出现已输入内容，校验不通过的情况原代码如下：<el-input v-model.number="maxLen" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>注：本例中校验的是正整数，v-model需要使用number，如果校验字符串，需去掉number报错结果如下：从图中

2021-05-25 16:04:50 3747 1

原创 table表格细边框样式 CSS

表格结构如下：<table class="table-style"> <tr> <td class="title-td">姓名</td> <td class="value-td">aaa</td> </tr> <tr> <td class="title-td">年龄</td> <td class="value-td">20</

2021-05-25 15:41:05 659

原创图片拖拽上传

功能：实现图片拖拽上传并能显示拖拽进去的图片下面是html的页面内容（此例子是在vue中应用，有用到element ui的组件）：<div class="aileft"> <div class="dragImg" @dragenter="dragEnter" @dragleave="dragLeave" @dragover...

2019-06-28 11:38:20 1229

原创 vuex 简单入门

环境准备1.已经安装vue2.已经创建vue项目vuex简介及作用参照官网专业解释，这里不作介绍https://vuex.vuejs.org/zh/安装vuex1.使用命令安装vuexnpm install vuex --save2.安装完成vuex之后，我们在src目录下创建一个store目录，并在store目录中创建一个store.js文件（文件名自拟）3.现在我们可以...

2019-06-21 16:32:21 115

原创 vue3.x创建项目

环境准备1.开发环境Vscode（根据这人喜好选择开发环境）2.node环境配置（这里不做详细描述，步骤可百度）开始安装步骤1.安装vue 3.xnpm i @vue/cli -g2.创建vue项目vue create vuextest(项目名：必须小写)3.安装完成后依次执行以下命令cd vuextest （进入目录）npm run serve (启动项目)4.项目启动成...

2019-06-20 17:47:43 433

Mazepk的博客