第四阶段vue项目总结(新手小白一枚，本人第一篇文，不建议参考。 )

问题

1.数据传输问题（后端收不到数据）
2.性别和状态0和1的转换
3.elementUI组件的处理
4.switch开关的处理
5.后端返回图片的处理
6.echarts图请求后台没有数据显示等等。
7.415 axios请求问题
8.搜索时性别没有选，但是查询后的数据时进行过性别处理的。
9.批量导出为表格问题。
10.Git命令的使用

方法

1.中文乱码和数据传输问题（可以用formdata和qs）

qs:安装npm install qs -d》需要的页面导入import qs from ‘qs’》在将要传递的数据qs.stringify({XXX})包裹。
2.性别的转换.tostring()，状态的转换Boolean()
3.搜索时性别没有选，但是查询后的数据时进行过性别处理的。因为number（“”）=0,而女在后端为0.后面取消number转换就好了。
4.图片的处理，当时图片显不出来。去网上找资料，了解了图片转换（图片数据流的情况）。本项目的图片前面加上图片端口就好了。
5.Echarts图请求数据没有。因为他的数据要在mounted（）请求，不能再created里面。
6.@keydown.enter()无效。要加native。

7.415 axios请求问题。是post请求头原因。Post请求头变为。

8.批量导出用的前端插件。因为发现后端写的批量导出pc端不能生成Excel表格。但是缺点是只能导出当前页面上的表格数据。
步骤：
安装: npm install --save xlsx file-saver
在main.js导入

import FileSaver from 'file-saver'import XLSX from 'xlsx'Vue.prototype.$FileSaver = FileSaver; //设置全局Vue.prototype.$XLSX = XLSX; //设置全局

页面上：

   var table=this.$XLSX.utils.table_to_book(document.querySelector("#table"));var tb = this.$XLSX.write(table, {bookType: "xlsx",bookSST: true,type: "array",});try {this.$FileSaver.saveAs(new Blob([tb], { type: "application/octet-stream" }),"店铺认证申请表.xlsx");} catch (e) {if (typeof console != "undefined") console.log(e, tb);}return tb;}

git clone XXX
git pull 仓库名 master
git push 仓库名 master

第四阶段vue项目总结(新手小白一枚，不建议参考。 )相关推荐

独孤思维：自动裂变赚钱项目，新手小白每月轻松5000+
自动裂变赚钱项目,新手小白每月轻松5000+ 大家好,我是独孤思维.今天是原创日更98篇. 最近有很多粉丝问我,有没有什么羊毛可以薅?在哪里可以查看到最新的羊毛线报?这些羊毛是真的吗? 带着这个问题, ...
六十四、Vue项目去哪儿网App开发准备
2020/10/20 . 周二.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/20 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...
Python3 环境搭建、pycharm安装配置详解、新建Python项目（新手小白版Windows系统）
Python3 环境搭建 .pycharm安装配置详解 window系统上环境搭建: 一.环境搭建,下载Python (Python 3.8为例) 二.pycharm的下载与安装 window系统上环 ...
四、Vue项目去哪儿网首页推荐和周末游组件并使用Axios获取数据
文章目录在码云创建index-recommended分支在Home.vue中引用Recommend.vue组件和Weekend.vue组件 Recommend.vue组件 Weekend.vue组 ...
四、vue 项目使用高德地图画面(多边形)
1.首先,我们要在在引入高德地图的文件里,在key后面加上&plugin=AMap.MouseTool <script src="https://webapi.amap.com ...
【 Vue全家桶 · Vue CLI（四）】Vue项目的详细目录结构解析
文章目录前言 -- 一级目录解析一. dist 二. node_modules 三. public 四. src(基础版) 4.1 main.js 4.2 App.vue 4.3 src / as ...
Vue学习笔记（二）—— vue项目中使用axios
一.文档链接 axios文档 vue开发插件二.axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XML ...
vscode 开发vue必备插件_vsCode开发vue项目必备插件
VSCode 开发Vue必备插件对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
vue项目vscode常用插件
对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur vetur能够实现在 .vue 文件中: 语法错误检查,包括 CSS/ ...

第四阶段vue项目总结(新手小白一枚，不建议参考。 )

问题

方法

第四阶段vue项目总结(新手小白一枚，不建议参考。 )相关推荐

最新文章

热门文章