- 博客(70)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 boostrapTable表格嵌套表格detailView(学习篇)
1、要使用，首先要引入相关的js文件，和css样式文件//引入表格样式文件<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" />//引入jquery，后面写js用这个方便<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>//引入表格js
2022-03-04 14:24:47
1524
原创 vue实现本地搜索(学习篇)
1、初始化查询的数据 //查询数据 getSelectDataList(){ //假设这是接口请求到的数据 let resData = [ { name:"test001", age:18 }, { name:"test002", age:19 }, { name:"test003", age:20 }, ] //将数据保存到本地存储中 localStorage.setItem('array', J
2022-03-04 13:11:53
1139
原创 element Ui对话框样式修改(样式篇)
1、原element对话框样式2、开始修改先给对话框添头部和尾部添加边框线// 对话框样式.el-dialog__header { border-bottom: 1px solid #e3e8ee;}.el-dialog__footer { border-top: 1px solid #e3e8ee;}在给对话框添加圆角// 对话框圆角.el-dialog__wrapper { .el-dialog { border-radius: 10px; }}3、
2022-03-04 11:40:50
5100
1
原创 vue echarts折线图，柱状图，饼状图数据差异过大问题(问题篇)
1、折线图折线图数据显示效果解决办法，把yAxis中的type改为log修改后效果2、柱状图数据格式效果图把yAxis中type改为log效果图3、饼状图数据格式效果图解决办法，修改series，中添加minAngle为10.效果图...
2021-12-22 10:29:19
2483
原创 原生js计时器(学习篇)
1、封装一个倒计时函数,这是一个秒的计时器，通常发送短信验证码使用//倒计时function daojishi(seconds, obj) { if (seconds > 1) { seconds--; $(obj).text(seconds + "秒后获取 ").attr("disabled", true).css("pointer-events","none"); //禁用按钮 // 定时1秒调用一次 setTimeout(function() { daojishi(s
2021-12-10 10:52:39
719
原创 vue通过jwt-decode解析token获取需要的数据(学习篇)
1、安装jwt-decode插件npm install jwt-decode --save //慢的话可以cnpmcnpm install jwt-decode --save2、在页面引入安装的插件这里我是在vuex中引入的，因为我在登录拿到token后，我就需要解析token,然后将信息保存起来import jwt_decode from "jwt-decode";3、使用// 解析获取token//data.normal_login_token为请求到的tokenconst de
2021-12-10 10:33:41
8426
3
原创 原生js通过jwt解析token获取token中携带的信息(学习篇)
1、原生js解析通过jwt解析token获取token中携带的信息//data.data.normal_login_token为发送Ajax获取到的token信息var strings = data.data.normal_login_token.split(".");//通过split()方法将token转为字符串//取strings[1]数组中的第二个字符进行解析var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(str
2021-12-10 10:22:40
5680
原创 005------------将vue+element+admin本地路由，修改为动态路由(学习篇)
1、修复F5强制刷新页面，动态路由数据丢失问题。这个在刚才导航守卫那个页面，因为我已经解决好了，所以就直接放上去了。为啥刷新页面，动态路由数据会丢失，因为存储在vuex中，所以就要判断一下，如果当前路径不为首页，就去判断，动态路由的数据是否为0，如果为0就重新获取动态路由的数据。2、修复点击进入动态路由页，再次退出登录，点击登录时，页面不跳转模块页问题。判断当前路由如果是动态路由，并且模块名称，登录后就跳转到模块页。这样就解决了。3、修改完后，通过网络路径，进入后台也不会进去，因为还没有点击模块
2021-11-17 11:13:56
587
原创 004------------将vue+element+admin本地路由，修改为动态路由(学习篇)
1、退出登录，点击个人中心，进入模块页，清除token,vuex中的数据找到退出登录的处理函数，在src/store/user.js中的logout函数，就为退出登录代码如下： //退出登录 logout({ commit, state, dispatch }) { return new Promise((resolve, reject) => { logout(state.token).then(() => { //设置token为空
2021-11-17 10:52:28
332
原创 003------------将vue+element+admin本地路由，修改为动态路由(学习篇)
1、修改路由导航守卫页面，判断何时获取路由数据，并处理获取数据的js。通过网址想直接进入后台进行权限管理。路由守卫的权限在scr/permission.js文件中2、修改导航守卫页面import router from './router'import store from './store'import { Message } from 'element-ui'import NProgress from 'nprogress' // progress barimport 'nprogres
2021-11-17 10:40:18
789
原创 002------------将vue+element+admin本地路由，修改为动态路由(学习篇)
1、新建模块页面，添加模块页的路由，完成模块页的页面和对应的点击事件。vue+element+admin后台项目的克隆和运行，我就不说了，下面是对运行起来的项目进行修改。<1>首先在src/views下新建一个cache文件，里面建一个index.vue文件。这里，文件夹和文件名字自己想改成啥都行。<2>添加cache/index.vue的路由，这个页面就是模块页<3>路由添加好后，完成index.vue页面。说明：data中的数据，title是模块名称，id
2021-11-17 10:17:54
792
原创 001------------将vue+element+admin本地路由，修改为动态路由(学习篇)
1、一般做后台管理系统，管理的东西要是不是很多，使用vue+element+admin就完全够用了。如下图这样，登录进去后直接进入后台但是如果这个管理系统要管理的内容多，得区分一下模块，然后点击每个模块，进去后加载对应的路由。这种方式就不太行。得做成如下这种点击组件系统，加载组件对应的路由，点击图表的加载图表的路由。2、下一章开始，对element+admin项目进行修改，将其改为上面这种，点击对应模块，加载相应的路由。分为一下几个步骤：<1>新建模块页面，添加模块页的路由，完成模块
2021-11-17 09:52:20
607
原创 vue导出table数据为zip压缩文件(学习篇)
1、首先在src下新建文件夹vender，将Export2Excel.js和Export2Zip.js文件放到vender文件夹下。这两个js文件可以在我的博客资源中免费下载。0积分下载2、定义一个点击事件<el-button size="mini" class="btn-add" @click="handleDownload1()">导出Zip</el-button>3、data中初始化一些数据downloadLoading: false,filename: '压缩文
2021-10-20 14:55:48
579
原创 vue将table数据导出为execl文件(学习篇)
1、首先在src下新建文件夹vender，将Export2Excel.js和Export2Zip.js文件放到vender文件夹下。这两个js文件可以在我的博客资源中免费下载。0积分下载2、定义一个点击事件<el-button size="mini" class="btn-add" @click="handleDownload()">导出Excel</el-button>3、data中初始化一些数据filename: "单点订单信息",//这个是导出后execl文件的名称
2021-10-20 14:44:23
583
3
原创 vue-router.esm.js?081a:16 [vue-router] Duplicate named routes definition(问题篇)
1、vue路由报的警告，原因是路由重复了。如下图：2、解决办法：找到src文件下router下的index.js文件。修改name,将相同的name改一下名称3、保存刷新页面，看控制台已经无报错了
2021-10-20 13:45:24
1892
原创 将element多选框变为单选框(学习篇)
--------- 使用情况：因为单选的按钮为圆角，样式有些情况不适用，像要多选的样式，单选的功能。要不就是修改样式，要不就是js。-----------1、HTML部分 <div class="resource_box"> <div class="box" v-for="(item,index) in pathurlArray" :key="item.arId"> <input type="checkbox" :checked="checkout.resou
2021-10-18 13:15:12
1766
原创 vue将后台返回的数据处理为tree格式(学习篇)
1、后天返回的数据格式满足的条件2、后台返回所有数据3、数据格式处理1>将parentId为0的数据找push进数组到并传递给data2treeDG函数 // 将parentId为0的数据找到并传递给data2treeDG函数 getListData(DemoNode) { // DemoNode为后台取到的所有数据 let dataArray = []; DemoNode.forEach(function (data) { l
2021-10-18 11:08:21
2046
原创 vue输入框(input)限制。日常工作遇到会不定时更新(学习篇)
1、处理input输入框输入或复制带有空格的字符。//先给输入框绑定一个@input事件<el-input v-model="ruleForm.label" placeholder="请输入显示名称" @input="handelBlank1"></el-input> // 使用正则替换到带有空格的字符 handelBlank1() { this.ruleForm.label = this.ruleForm.label.replace(/\s+/g, "
2021-10-11 09:24:51
418
原创 vue element修改表格表头颜色(学习篇)
1、给table表头添加:header-cell-style属性<el-table :data="tableData" border :header-cell-style="headClass"></el-table>2、method中修改背景色 // 设置表头颜色 headClass() { return 'background:#F8F8F9' }3、效果如下...
2021-09-10 11:12:57
3658
原创 vue element表单(form)自定义校验(学习篇)会不定时更新
1、校验是否为urlconst validateUrl = (rule, value, callback) => { // 校验url var reg1 = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;
2021-09-10 10:57:26
1004
md5加密，原生js使用md5加密
2022-03-04
将bootstrap-table表格翻译为中文
2022-03-04
form表单太多，校验太麻烦，快使用boostrapValidator.js
2022-03-04
boostrap.css、boostrap.js、boostrap table.css、boostrap table.js
2022-01-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人