2021年05月_湘水狱

12月 11月 10月 09月 08月 07月 06月 05月 03月 02月 01月

原创简单的密码修改

废话不多说，直接看图：由上而下第一步：点击编辑按钮，编辑按钮隐藏，文本框、取消按钮、提交按钮都显示如图二图一第二步：点击对号√在文本框内直接修改密码，修改完成，提交后如图三，点击叉号×，恢复图一图二第三步：提交成功就如图三所示图三先解说下：这里一个展示、一个输入框、三个按钮，主要是通过显隐来控制的（v-show字段），代码如下：里面的<div style="margin-top:3vh;"> <h3> <span>密码：<span

2021-05-28 15:34:05 1165

原创 vue 前端生成二维码，并转换为图片

话不多说，直接上干货npm install qrcodejs2 //生成二维码的包npm install html2canvas //转为图片格式的包重点部分1：//`生成二维码部分` new QRCode(this.$refs.qrCodeDiv,{ text:"http://19*.16*.12*.2*:8080/#/login?" + this.work_point.id, //text为转换为二

2021-05-27 15:08:03 3909 5

原创 base64转图片及显示

<img style="width:200px;height:200px;margin:auto;" :src="'data:img/png;base64,' + img_picture" alt="图片加载失败" :title="img_title">data中定义img_picture和img_title，alt主要作用于图片没有出现的提示语句；title作用是鼠标放在图片上，给出的提示语句；注：:src=" 'data:img/png;base64,' + img.

2021-05-27 13:27:15 2212

原创 computed计算机属性、watch监听事件的处理及使用

监听的方式有哪几种？目前笔者使用了两种，下面会一一对大家介绍根据笔者目前来看，监听主要是集中于表单的值变化，方法一如何使用如何传值情况vue生命周期中computed计算机属性value:function(){ return this.form.value1 = this.value2},{{ value }}不推荐方法二如何监听如何传值情况vue生命周期中watch监听属性'cycleform.actual_concrete':{ //混泥

2021-05-24 13:49:17 402

原创 vue 直接将el-table数据导为excel文档

vue如何实现文件导出：即将表格数据导出为excel文档，实现方法如下步骤案例讲解首先需要下载通过下面地址链接下载文件链接：https://pan.baidu.com/s/1v48MnFeqvDIboxix8N-7hg 提取码：f6xh然后在src文件下创建一个excel文件，便于后期的一些查找和问题的处理最后直接在相应的位置（方法中）使用即可此部分代码看下方代码块this.excelData = this.cycleData // this.export2e

2021-05-24 09:51:16 1971 4