前端
文章平均质量分 53
super美少女战士
就想看自己能坚持多久。。。对 就这么简单!!!
展开
-
vue引用public目录下文件
vue引用public目录下文件有时候我们在开发h5时候,会有需要绑卡授权操作,这个时候需要同意某些协议并且这些协议是可以点击打开的,这种该怎么做呢?其实这就是一个链接,前端能够打开链接并且常用的也就是a标签喝vue自带的router-link,当然其他还有,通常来说a标签就够了关于协议的存储,这里简单说下,在实际开发中,协议存储有以下几种:1、存放在前端,一种是直接放在public静态资源文件夹下,webpack打包不会对其处理,直接把文件复制到存放项目的工程目录下;还有一种就是托管在cdn上,类原创 2022-05-27 18:11:58 · 17245 阅读 · 1 评论 -
vue3新特性
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-09-23 18:20:20 · 1364 阅读 · 2 评论 -
vue不使用vue-qr生成下载二维码
需求:不使用插件生成下载二维码。表格内某一列点击查看,展示二维码,且支持下载,如图。初始化的时候,后端返回表格数据的同时会把二维码图片地址返回。所以,整个逻辑就是,点击不同查看携带不同图片地址去访问接口。1、点击查看,展示图片。2、点击下载按钮(这里要解决跨域问题,本地开发和上测试服和生产的时候都得解决),红色ip去除3、接下来就是拿每个图片的标识开始发请求。4、请求过去后,解析后端返回的流。注意:这里需要注意的就是图片下载跨域处理,关于如何解决,上篇博文说过。先关代码,我贴一原创 2021-09-18 18:32:26 · 208 阅读 · 0 评论 -
关于vue中proxy代理的一些理解
vue中proxy代理的理解今天开发的时候 意外发现对vue的代理有了新的理解,以前都是很模糊的状态,先看图吧。1、proxy里面是个大对象,如果有多个代理,直接在后面加子对象,实际开发中可能不止接口代理还有图片上传下载代理。2、整个代理流程如何?①首先得知道什么是代理,为什么需要代理?代理:顾名思义就是代替别人做某事,到开发中也是这样,因为本地开发时基于node服务器进行开发,是不能直接请求后端的接口,一旦直接请求会报跨域错误,(不信可以试试把url直接写成后端地址,这时就会报错)如果这样的话原创 2021-09-18 16:41:34 · 2223 阅读 · 1 评论 -
vue2或者vue3图片上传功能(upload)
采用element ui中upload组件上传,目前支持上传单张图片,如果多张可进行更改。一、页面上组件使用注意:①如果是多张图片,file-list会用到。②name是申明上传文件的格式,可以和后端商量,有时候上传图片后端只需要image格式,但有时候后端会把图片和文件定义成一种格式即file。③action。图片上传的接口地址,通常是公司的服务器,这个地址不能直接填测试地址,会报跨域问题,需要知道本地开发从哪里开始代理,我这里是从api开始代理,所以action后面为api+图片接口地址。④v-i原创 2021-09-14 15:54:14 · 4538 阅读 · 0 评论 -
【ElementUI】日期选择器时间选择范围限制
element ui中日期日期范围的限制官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充。函数名disabledDate不可更改。单个输入框情景1: 设置选择今天以及今天之后的日期data (){ return { pickerOptions0: { disabledDate(time) { return time.getTime() < Date.now() - 8.64e7;原创 2021-03-17 10:41:28 · 1093 阅读 · 0 评论 -
浅谈git的推拉取合并功能
git一直以来都是我的硬伤,现在各种工具层出不穷,很多鼠标操作就能代替 手动输入git命令,今天就来谈一谈手动实现git的推拉取功能。首先说下git add .存在得意义,为什么不直接提交git commit尼?其实git add .的作用就是将你变动得文件放入暂存区,这个区域用来记录你每次变动的文件,那有的人就会问 为什么需要这个 我每次变动直接提交推送不就好了嘛 但是你要知到当我们在写代码的时候 并不是文件变动一次就得需要走一编流程 所以这个时候我们就需要把变动的代码放到一个缓存区,一起提交推送,原创 2021-02-08 23:27:39 · 258 阅读 · 0 评论 -
vue实现导出excel功能
vue实现导出excel功能对于导出的excel理解:导出excel需要前后端协商约定返回流的格式,导出的内容和格式都是后端实现的,前端只需要将后端返回的文件流解析成浏览器能够识别的流,解析的过程都是统一的写法。1、如何写注意传参数方式:get方式的话,直接在请求接口后拼接参数,post方式,将参数放入data里面。最终效果如图:后端返回的文件流。完整代码如下:handleDownload() { axios({ method: 'get',原创 2020-11-27 13:39:55 · 1697 阅读 · 3 评论 -
如何利用vue实现打印功能
vue实现打印功能vue自带插件可以实现打印功能,这就需要我们本地安装这个插件。1、安装 npm install vue-print-nb --save判断如何安装成功:package.json文件搜索print查看是否有,其实所有判断插件是否安 装成功都可以这样。2,引入 安装好以后在main.js文件中引入import Print from ‘vue-print-nb’ Vue.use(Print); //注册3、如何使用打印按钮上加上自定义指令v-print,这个是v原创 2020-11-27 10:43:06 · 2483 阅读 · 0 评论 -
es6中Set和Map的数据结构
一、Set它类似于数组,但是成员的值都是唯一的,没有重复的值。所以可以用来数组去重遍历操作Set结构的实例有四个遍历方法,可以用于遍历成员。(1)keys():返回键名的遍历器(2)values():返回键值的遍历器(3)entries():返回键值对的遍历器(4)forEach():使用回调函数遍历每个成员二、MapMap结构的目的和基本用法JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。原创 2020-07-18 18:11:32 · 255 阅读 · 0 评论 -
es6数组、对象的扩展
一、数组的扩展①Array.from() 用于将俩类对象转为真正的数组:类似数组的对象和可遍历的对象包括es6新增的数据结构Set和Map(1)类对相②Array.find() 数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。③Array.findIndex()数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是原创 2020-07-18 17:51:31 · 157 阅读 · 0 评论 -
upload上传如何覆盖之前的文件
有个博主写的很好 转载下https://www.cnblogs.com/lovemomo/p/11777608.html大致思路就是使用on-chang事件改变fileList里文件列表,只保留最后一项js部分原创 2020-02-12 14:57:06 · 1072 阅读 · 0 评论 -
如何自大环境,拉取公司代码
首先直接从官网下载git,然后傻瓜式安装,然后下载小乌龟安装,作为git的可视化工具,具体安装教程可百度,很简单。然后克隆代码,然后安装vue脚手架,因为我的代码是基于vue运行的,所以要下载脚手架,光是这样还不行,因为还要安装npm包,采用淘宝镜像安装 npm install --registry=https://registry.npm.taobao.org 这样你得项目就可以运行,但是...原创 2020-02-02 21:00:58 · 693 阅读 · 0 评论 -
vue 区分新增,编辑,查看页面
工作中经常会遇到编辑,新增,查看共享一个页面,因为后台的接口编辑和新增都是写在一起的,唯一不同的是id先说说我要实现的功能:我想要点击新增的时候,路由跳转一个页面,编辑的时候也跳转,查看也跳转,这三个就页面来说没有任何区别,区别在于页面绑定值不同,新增的时候不需要绑定值,页面没有数据,用户输入数据,点击确定就ok了;点击编辑按钮之前我们要调用一次查询按钮,查询当前用户之前是否存在数据,如果没有的...原创 2020-01-09 11:43:46 · 10079 阅读 · 1 评论 -
页面删除表格数据和请求 接口的删除
删除表格的每行数据有俩种删除,第一种是前端页面删除,不请求接口,第二种就是请求接口删除(这里请求接口删除是删除多条之后点击保存请求接口)第一种:利用splice方法,删除的是表格的index值delete(index){ //绑定事件时将index传过来this.tableData.splice(index,1)//tableData里是一个大的字典也就是表格的数据 }第二种:删除...原创 2020-01-06 18:10:43 · 992 阅读 · 0 评论 -
vue判断表格不能输入空值和重复值
类似这种点击确定前要判断表格是否有空,如果有空值则给出提示,不允许提交遍历表格每行数据的字段,利用some返回bool类型值sureAdd(){ var flag=this.tableDatas.some(x=>{ return x.name.trim==""})console.log(flag) //falseif(flag){this.$message.error...原创 2020-01-06 13:52:43 · 4943 阅读 · 1 评论 -
把对象变成数组对象
就是你获取到的数据是对象格式,但是你想吧这个对象放在一个数组里 类似下图这种其实这个时候不妨采用以下方法:row原本是字符串类型的,使用这个方法会变成数组包裹着对象格式。插个小知识点,以免自己忘记...原创 2019-12-23 18:58:40 · 1641 阅读 · 0 评论 -
数组形式的对象转成数组
开发中遇到此种类型的数据,如何转换成数组格式方法如下:使用map方法,但是要注意的是一定要给个变量接收每个item中你想取得键值,item就是下标为0、1、2时候的对象,item.id就是对象里面的id值最后的格式转成[44,45,46,47]样子...原创 2019-12-23 18:53:18 · 243 阅读 · 0 评论 -
获取表格中某个字段对齐进行判断
tablesDatas数据格式为字典,例如[ {name:‘qq’,age:20},{},{}]现要拿出某个字段对齐进行判断。可使用some的api.trim()去空格原创 2019-12-20 18:44:44 · 120 阅读 · 0 评论 -
拼接字符串的方式
模板字符串方式:字符串方式:原创 2019-12-12 11:58:47 · 109 阅读 · 0 评论 -
修改elementUi中上传图片默认样式不影响全局样式
开发项目中多次运用到element ui中upload上传图片组件,但是有一处需要将正方形的上传框变成圆形,于是找到需要修改的元素,发现已修改,其他地方也会修改,于是找到一个好方法,在需要修改的样式的父元素添加类名,然后要修改的类名前面加上父元素即可。如图所示:框起来的是要修改的元素,前面是其父元素最终效果图:完美!!!!...原创 2019-12-07 15:22:27 · 3712 阅读 · 0 评论