1. 前言 本篇文章就是为大家讲讲前端导入并处理excel表格的情况,顺便讲讲vue导入并处理excel数据;也总结下使用工具。 2.vue导入Excel表格 vue导入Excel表格主要有两种常用的方法,一个是借助ElementUI文件上传进行表格导入,另一个是自带的input做文件上传;以下对两个方法做详细介绍; 2.1 使用ElementUI中的upload组件 安装Eleme...
项目要求上传图片的模块,这个简单,但是要在保存图片后需要编辑就不怎么好处理了,现在就和大家一起分享。 一、应用场景 1.上传图片并进行放大预览 2.图片上传代码 就是直接将图片上传到接口,成功后返回图片路径,表单提交时,后台要路径拼成的字符串格式,类似str=‘/uploads/20220418/d93905dbcd041a0a88abc72fd34b6c98.jpg,/uploads...
跨域 要知道在请求后台接口遇到Access-Control-Allow-Origin时,这就表明跨域了。 首先解释跨域,是因为浏览器的同源策略所导致,同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,同源是指:域名、协议、端口相同 解决跨域常用方法: 一、VUE中常用proxy来解决跨域问题 1、在vue.config.js中设置如下代码...
一、本地存储 1.1 了解本地存储特性 1、数据存储在用户浏览器中 2、需要设置、读取方便、甚至页面刷新不丢失数据 3、容量大,sessionStorage约5M、localStorage约20M 4、只能存储字符串,可以将对象JSON.stringify()编码后存储 1.2 window.sessionStorage 1、生命周期为关闭浏览器窗口 2、在用一个窗口页面下数据...
很多知识都是需要提早知道,才可以规避很多错误。 Element中Form (表单)组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 注意:prop对应表单域 model 字段,使用 validate方法时,该属性是必填的。 表单验证rules 以官网给出的例子分析来看 将prop属性设置为...