- 博客(45)
- 收藏
- 关注
RSS订阅原创 vue项目使用element树状表格对齐问题
只需修改class样式即可 .el-table__row:not([class*='el-table__row--level-']){ td:first-child { padding-left: 23px; } } .el-table__placeholder{ margin-right: 3px; }
2022-07-06 23:24:07
737
原创 element中使用el-input限制数字遇到的坑
element中的el-input做数字类型限制的时候遇到一个坑。我是在input中监听输入的值，不符合则返回空值。使用 oninput="value=value.replace(/^\.+|[^\d.]/g,'')"问题：当输入非数字的值时，再重新输入数字，v-model的值和value的值出现了不同，v-model无法获取到新输入的数值。解决：在输入框失去焦点的时候，把value值赋值给v-model绑定变量，使两者保持一致@blur = "blur" blur(e){ this....
2021-03-07 23:13:24
2409
1
原创 elementui组件中的el-upload文件/图片上传组件详解
项目中使用el-upload组件老是踩坑，解析一下文档的相关内容，以便后期需要的时候方便查阅。遇到的相关问题actionaction 这个是必填的参数，填写请求地址，不填写会报错。 这里发送的请求一般为post请求headers 设置上传的请求头部，可以直接动态绑定一个对象，设置Conent-typedata 为上传时附带的额外参数，可以用来修改上传接口的参数multiple 是否可选多个文件上传accept...
2021-01-14 18:56:57
4489
2
原创 vue项目使用AES加密
一 首先要安装相关依赖npm install crypto-js --save-dev二 在src文件夹下新建一个公用的js文件夹， 新建一个AES.js 文件import CryptoJS from "crypto-js";export default { // 加密 encrypt(word, keyStr) { keyStr = keyStr ? keyStr : "这里是秘钥"; let key = CryptoJS.enc.Utf8.parse(...
2021-01-05 21:53:14
431
原创 vue项目省市区联动
参考两篇文章1. 使用插件 地址：https://www.jianshu.com/p/f4b5e3d5c3cc2. 本地写好json数据：https://blog.youkuaiyun.com/u013253924/article/details/84372034根据我的项目，我使用的是第二种方法，不用对后台接口，数据都在本地写好，思路是 省级框发生改变，根据改变的值去匹配json数据相对应的城市数组，并填充到二级市级框，市级框也是一样的逻辑...
2020-06-30 22:42:18
234
原创 vue 选项卡超出隐藏 接近隐藏块 点击自动滚动
主要参考https://blog.youkuaiyun.com/ITbearer/article/details/90260742这篇文章但是文章中的界限判断是写死的，自己稍微改了下我做的是横向的选项卡滚动，主要思路是 获取到每个li标签的距离左侧的距离，每个li标签的宽度以及包裹li标签容器的宽度， 难点是获取左边和右边的边界值，右边边界为 当前点击元素距离左侧的距离 + 元素本身的宽度， 如果大于父级容器宽度，则需要滚动了，左边边界为当前点击元素距离左侧的距离 >元素本身的宽度...
2020-06-30 22:23:00
1048
原创 vue项目使用echarts总结
一 安装echartsnpm install echarts --save二 全局引入echarts,在入口文件main.jsimport echarts from "echarts";Vue.prototype.$echarts = echarts;这样就可以在项目中使用啦项目中使用 （HTML部分）<div id="echarts" style="width: 100%;height:400px;"></div>JS部分thi...
2020-06-17 21:43:26
227
转载 Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载
需求：vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据 <el-tree class="treeitems" :data="data" node-key="id" :props="defaultProps" :load="loadNode" laz.
2020-06-03 22:21:11
3845
转载 Vue2 导出Excel + 解决乱码问题 —— axios （下载后台传过来的流文件（excel）后乱码问题）
方法一：是用了插件https://github.com/kennethjiang/js-file-download方法二：是用了 blob // 导出Excel exportBill: function () { let url_post = Vue.prototype.api.apiList.EXPORT_BILL; //请求地址 let params_post = { //参数 orderStartDate: this.timepi.
2020-05-08 23:18:08
622
原创 element-ui删除最后一页的数据时，如何让它自动返回到上一页
this.total是接口返回的总数据量单条数据删除后，// 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页 const totalPage = Math.ceil((this.count - 1) / this.pageSize) // 总页数 this.currentPage = this.currentPage > totalPage ? totalPage : this.currentPage this.curren...
2020-04-11 17:48:15
1711
原创 vue3.0 多环境打包
最近打包项目，频繁的打包发布，用到了多环境打包问题首先在项目中创建两个环境文件我这里只用到了 开发环境 生产环境配置文件 .env.development .env.production 开发环境的内容VUE_APP_SERVER_ADDRESS = '/admin'VUE_APP_ENVIRONMENT=development生产环...
2020-04-11 17:37:37
285
原创 vue父子组件相互调用
方法一：利用ref//父组件<template> <div class="home"> <HelloWorld ref="mychild"></HelloWorld> <div @click="clickParent">click me</div> </div></temp...
2020-04-11 17:13:33
187
转载 element ui 中时间日期选择器中默认显示时间
默认显示当天的00:00:00 到23:59:59new Date(new Date().setHours(0, 0, 0, 0))new Date(new Date().setHours(23, 59, 59, 59))默认显示前一天的00:00:00 到23:59:59new Date(new Date().setHours(0, 0, 0, 0)-24*60*60*100...
2020-03-26 12:28:59
3920
原创 HBuilder X 未检测到手机或模拟器
我使用的是PDA，之前都可以真机调试，自从更新了hbuilderx就调试不了，在网上找到了方法来解决，来记录一下。问题：开发者选项已开启USB调试，但是HBuilderX未检测到手机或模拟器解决方法：1. 找到hbuilderX目录安装下的adbs2.先备份该录下的除了文件夹外的其他三个文件。3.然后把1.0.31目录下的文件拷贝到D:\Archive\HBuilderX...
2020-03-17 11:10:32
4271
4
转载 小程序端连续点击时跳转多个页面栈问题
https://blog.youkuaiyun.com/Chenming_321/article/details/90213024
2020-03-15 23:34:55
332
原创 使用Git 上传本地项目到github
https://blog.youkuaiyun.com/Lucky_LXG/article/details/77849212
2020-01-19 14:42:50
137
原创 webstorm 如何设置vue文件的模板
第一步： 打开 webstorm， File --> setting --> plugin 搜索vue，点击右下角apply第二部： File --> setting --> editor --> File and Code Templates 点击+号，Name 为Vue File ，Extension为vue,然后点击ok第三部： 重启webs...
2020-01-14 17:08:58
1904
原创 vue+element 项目使用el-date-picker做搜索查询
项目使用el-date-picker 做查询的功能，可以做出来，但是写的比较复杂自己写的： 搜索的数据都绑定在v-model的对象中，对接口传数据只需要传对象过去。 这种其他的input框传过去是没有问题的，就是多选时间格式不对。 时间选择好后是数组格式，需要把选好后的时间转化成以下的格式{"carCode":"测试车牌号","unloadingNo":"2001081239000...
2020-01-14 16:17:37
2013
原创 小程序ios端时间不显示问题
前端时间完成了卸货平台小程序，里面包括倒计时功能。 最后测试的时候，发现安卓手机倒计时功能一切正常，但是苹果手机倒计时显示为NAN, 于是百度找到了答案。var mydata = '2017-01-01 11:00:00';console.log("返回时间：" + mydata);var time = Date.parse(new Date(mydata)) / 1000;类似这...
2019-12-17 17:09:33
1063
原创 element中select根据后台返回的状态显示
今天做一个编辑功能，列表需要展示后台返回的数据， 在select下拉框里面展示。 但是后台返回的是数字类型，前端要做的就是根据数字类型进行转换。编辑功能我是写了一个el-dialog，加入一个布尔值来判断展示和隐藏。 当用户点击编辑时，el-dialog框展示，当点击内部按钮确定，弹框隐藏。 编辑的内容我是根据当前行的数据展示在表格中，具体见下图主要遇到问题就是后台返回的selec...
2019-12-17 16:44:01
1571
原创 vue开发环境配置跨域的方法步骤
本文要实现的是：使用vue-cli搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问production 生产环境development 开发环境1. 开发环境设置跨域使用工具：vue-cli自带的配置 目录： /config/index.js//自行复制黏贴proxyTable: {'/apis':{target: 'http...
2019-10-21 15:52:20
400
原创 解决编程IDE中ctrl+shift+F无法实现全局搜索
webstorm 中全局搜索键ctrl + shift + f , 试了很多次都失灵， 看了几篇文章后找到了解决方法，特此记录一下问题原因是：搜狗输入法占用的ctrl+shift+F快捷键，简繁切换的快捷键。解决方法：...
2019-09-25 09:55:29
567
转载 git 拉取远程分支到本地
https://blog.youkuaiyun.com/carfge/article/details/79691360
2019-09-18 16:53:00
105
原创 git 下载远程仓库分支代码
自己写的小项目，今天拉取代码的时候碰到了问题，总是没有成功不了，百度才发现，是因为本地仓库没有跟远程仓库建立连接。如下报错： There is no tracking information for the current branch...解决方法如下： 使用命令：git branch --set-upstream-to=origin/远程分支的名字 本地分支的名字...
2019-08-31 17:36:12
840
原创 vue每次运行起来端口不一致问题
项目中的端口号都是随机的，百度找到了答案，特此记录一下原因是： portfinder 新版本异常解决方案：npm install portfinder@1.0.21
2019-08-29 17:57:33
796
原创 前端调用后端接口下载excel文件的几种方式
昨天根据需求做了一个点击按钮下载模板（模板为excel表格）的功能，根据后台给的接口，我是用ajax方法对接，返回状态码200，但是没有任何反应，表格压根没有下载！ 百度了下，使用window.location.href 解决了。总结下请求表格两种方法：1. window.location.href = '接口地址'含义： 当前页面打开URL页面和在浏览器输入接口地址一样，可以直接...
2019-08-28 15:03:43
4393
原创 git 使用方法（获取公钥拉取线上代码）
昨天晚上看视频学习项目思路，都看的懂就决定自己动手做一下，没想到刚一动手就碰到问题了，。首先就在git上栽了个大跟头。以前使用git都是根据网上教成一步步操作，本身并不了解为什么这么做，只知道跟着做就好。 早上上班又折腾了下git，搞懂了个大概。现在介绍使用git的两种方法。一配置SSH公钥 为什么要配置公钥？ 我的理解是，对电脑的一个认证，认证本电脑可以对项目进行读写。...
2019-08-19 11:01:11
2345
原创 自定义mui.prompt 样式增加select
今天在原先的项目基础上，增加功能。功能主要概述为，在弹框中新增下拉框，当选择不同的值时，样式会根据值发生改变，（改变为，新增一个input输入框），用户输入完成之后需要验证格式是否正确，成功则渲染到列表中，失败则继续输入。项目使用的是mui框架，我用的mui.prompt弹框，结合上篇的内容继续增加内容，就比较容易了。我需要做的主要是：弹框中增加select样式（select标签）...
2019-08-13 18:01:32
1588
原创 mui dialog 输入框验证
需求： 用户输入账号密码，验证通过后才可以关闭prompt需求分析：首先dialog框中可以绘制html代码； 再者就是可以获取input框里面的值再进行校对； 最后通过验证就关闭dialog,否则不关闭并提示错误信息实现思路：dialog mui提供了很多dialog, 只有mui.prompt()提供了输入框，可以用这个做 mui.confirm()的messa...
2019-08-12 17:08:24
1070
原创 mui prompt对话框自定义样式
最近项目中的新需求，在原有项目上，增加自定义弹框。说明一下，项目是公司上一个前端用mui框架做的，对于mui我是没有接触过得，在这基础上还要改别人的代码也是很悲剧。自定义mui prompt弹框在网上找了不少资料，梳理了一下两种写法 官网写法，有局限性没有详细说明如何自定义样式//修改弹出框默认input类型为password mui.prompt('text','deft...
2019-08-12 16:18:33
2241
1
原创 前端文件上传功能
原生js 做文件上传功能，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-08-08 15:42:26
647
转载 【前端】JS截取字符串常用方法详细整理
函数：split()功能：使用一个指定的分隔符把一个字符串分割存储到数组例子：str=”jpg|bmp|gif|ico|png”;arr=theString.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组函数：Join()功能：使用您选择的分隔符将一个数组合并为一个字符串例子：复制代码代码如下:...
2019-07-24 16:38:43
2239
原创 weui使用方法
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 看了官方文档也都是div标签，把代码复制上去重新更改成view标签，也没有效果，找了几天，小白终于找到weui微信小程序正确的打开方式了。。。如下 新建一个文件夹，用npm 下载 ： npm i weui-wxss 详见地址：https://w...
2019-07-08 09:33:43
560
转载 前端API接口
网上查找保存几个前端的API接口，以便后面自己做练习方便。原文：https://blog.youkuaiyun.com/potato512/article/details/80764730随机推荐热门段子（包含文字、图片、GIF、视频）：https://www.apiopen.top/satinApi?type=1&page=1随机推荐热门段子【神评版本】（包含文字、图片、GIF、视...
2019-04-30 17:42:14
2615
转载 从git 拉取远程分支到本地
1、新建一个空文件，文件名为hhhh2、初始化git init3、自己要与origin master建立连接（下划线为远程仓库链接）输入命令：4、把远程分支拉到本地git fetch origin dev（dev为远程仓库的分支名）下图红色勾选的为可使用的分支名下面拉取远程的develop分支，命令：5、在本地创建分支dev...
2019-04-23 09:03:26
579
转载 elementUI批量删除功能实现
elementUI批量删除功能实现elementUI是开发管理后台前端部分的一大利器。由于项目需求需要做一个批量删除的功能，与其说批量删除，不如说是勾选删除吧。文章转载于：https://blog.youkuaiyun.com/u013818947/article/details/82691221 批量删除的数据来源于客户端的查询后对数据的遍历。当用户勾选复选框时，将会触发selection-cha...
2018-11-29 10:13:26
1652
转载 mpvue获取当前页面地址的参数
var pages = getCurrentPages() //获取加载的页面 var currentPage = pages[pages.length-1] //获取当前页面的对象 var url = currentPage.route //当前页面url var options = currentPage.options //如果要获取url中所带的参数可以查看opti...
2018-10-19 10:28:30
1632
原创 修改微信小程序访问服务器的地址
找到项目中src文件夹下的http文件夹，打开http.js 文件如图所示，增加红框里面这一行。前面为后台本机ip.此外，微信小程序中还有授权登录，这个需要先注释掉。 ...
2018-09-14 09:30:22
5681
原创 使用vue钩子函数mounted,页面回退时不执行的问题
本人近日做前端的后台管理系统项目，一个问题一直都没解决，就是页面中查看详情按钮第一次点击进去详情页可以被渲染，回退出来第二次进去钩子函数没有被执行，网上这类问题的解决方法并不多，一直以来都没解决，今天终于解决，特来记录下。解决方法： activated 可以使用这个钩子函数以下为具体分析：html 部分<template> <div class="...
2018-08-14 10:24:36
14280
5
原创 判断后台返回的空数组
今天对接口的时候遇到一个问题，就是后台返回的数据是一个空数组，但是我项目中的表格还是之前的数据，于是想到了判断这个空数组。判断空数组的方法稍微复杂点，不过孰能生巧方法一：判断长度if(res.data.data.length <=0 ){ console.log('我是空数组');...} 方法二：JSON.stringify(obj) ===...
2018-08-13 18:01:43
2902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人