- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue3项目直接下载pdf
创建XMLHttpRequest() 是要重新设置文件名称 a.download = ‘***.pdf’;背景 pdf文件已经由后台生成 并且上传到oss服务器。res 后台返回的pdf文件地址 然后主要就是拼接。*.com/file/文件名.pdf。返回的格式 https://......
2022-08-26 13:56:55
1469
原创 layui select 动态赋值+ 下拉可搜索
select下拉可搜索加 lay-search HTML <select id="shopName" name="orderState" lay-search class="valid" style="height: 31px"> </select> js 显示的是shopName 给后台传的值是shopId $(function () { var pasams = { page: 1, l
2022-03-16 17:09:38
2317
原创 vue数组中交换位置，数组重新排序
this.tableData 数组 index 点击行的索引 top(index, row) { // 点击上箭头，获取当前行下标 this.tableData.splice( index, 1, ...this.tableData.splice(index - 1, 1, this.tableData[index]) ); // console.log(t.
2022-03-15 14:38:40
1434
原创 vue 中的打印 局部打印
下载print.js print 下载在项目main.js导入 main.js import Print from '../config/print' Vue.use(Print) .vue 局部打印了快递单号，里面有base 64的图片 <div ref="printarea" v-html="parinlist"> <div v-html="parinlist">{{parinlist}}</div> </div>
2022-02-16 16:56:38
991
原创 根据输入汉字生成首字符拼写
// 公共方法 createPinyinUpperCode(str) { var pinyinData = pinyin(str, { style: pinyin.STYLE_FIRST_LETTER, // 设置拼音风格 heteronym: false }) return pinyinData.join("").toUpperCase(); }, watch: { "sendDat
2021-12-05 17:03:22
222
原创 vue路由传参
跳转前 this.$router.push({ name: "activDetails", query: { activityId: data.activityId, }, }); 在这打印 this.$route能看到参数 然后接收 this.$route.query.activityId
2021-11-02 15:39:09
142
原创 vue 广告5分钟后再次弹出
关闭广告的时候存入localStorage eliconclose() { console.log(this.cycleTime);//后台返回的过期时间 5分钟 this.advertisementdialog = false;//广告的弹框 var date = new Date();//获取当前时间 //2. 获取当前分钟 var min = date.getMinutes(); //3. 设置当前时间+5分钟：把当前分钟数
2021-10-27 17:32:13
689
原创 js百度地图获取当前位置，并计算设定经纬度距离
获取当前位置百度地图JSAPI WebGL v1.0类参考 官网api <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=自己申请的ak"></script> <script type="text/javascript"> var geolocation = new BMap.Geolocation(); geolocation.getCurre
2021-10-18 15:18:37
2891
原创 css更改浏览器默认滚动条
::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; background-color: #C1C1C1; background-image: -webkit-linear-gradient( 45deg, rgba
2021-09-24 16:40:28
183
原创 js数组中某个值的累加
sendDataInfo: { pisOrderDetail: [{ bgmName: "", bgmId: "", money: "", price: "", psmoney: "", psprice: "", psodPacknum: "", }], }, 定义和用法 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduc
2021-09-01 10:01:13
3534
6
原创 vue2.0常见组件安装
vue2.0安装步骤以及常见的组件安装 项目创建 1. Vue ceate 项目名称 2. 下翻选择 manually select features 回车 3. 上下移动选择需要的依赖 vuex router… 空格确认 回车下一步 4. 选择vue版本 5. 是否启用history模式 -N 6. 选择css处理器 7. 选择eslint规则 eslint +standard config 标准模式 8. 校验eslint lint on save 保存时校验 lint and fix o
2021-06-25 10:51:32
355
原创 vue 导出excel表格
摘自 https://blog.youkuaiyun.com/romeo12334/article/details/88820962 依赖安装 npm install --save xlsx 实现代码 // 导出// template <el-botton @click="export">export</el-button> <el-table id="table">...</el-table> // script import XLSX from 'xlsx' im
2021-05-19 14:33:44
259
原创 v-charts响应式
html <v-chart ref="runTimes_creditChart" class="credit-chart" :style="{width:'100%',height: '160px',}" :options="tps_options"></v-chart> js mounted(){ window.addEventListener("resize", this.resizeTheChart); }, beforeDestroy() { window
2021-05-07 11:12:07
350
原创 git提交
git clone 项目地址 //项目拉取 克隆 //提交 git add ./ git commit -m “这里是备注信息” //第一次提交时使用 git config --global user.email “you@example.com” git config --global user.name “Your Name” //查看分支 git branch //切换分支 git checkout 分支名 //拉取远程仓库 git pull origin 分支名 //提交 同步 git pus
2021-04-21 14:09:36
91
原创 数组去重合并
<script type="text/javascript"> //公共函数 es6 function combine(){ let arr = [].concat.apply([], arguments); //没有去重复的新数组 return Array.from(new Set(arr)); } var m = [1, 2, 2,5,4,7,8,1,1,1,4], n = [2,3,3]; console.log(combine(m,n));
2020-09-23 15:03:55
151
原创 前端浏览器判断
function getBrowserInfo() { var ua = navigator.userAgent.toLocaleLowerCase(); var browserType = null; if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = "IE"; browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.m
2020-09-16 14:21:56
466
原创 纯css倒三角
这里写自定义目录标题css倒三角 css倒三角 .diamoney { width: 145px; height: 40px; background: #FFFFFF; border: 1px solid #339999; color: #339999; font-size: 22px; line-height: 40px; opacity: 1; border-radius: 4px; padding-left: 10px;
2020-09-01 13:29:33
254
原创 elemen-ui 中日期 禁止选择当日之前的日期
<el-date-picker v-model="interviewplacedate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
2020-06-18 14:02:44
347
原创 vue element 导航路由跳转点击样式
懂的自然懂， <template> <div class="recruittop"> <el-menu :default-active="this.$route.path" router mode="horizontal"> <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name">{{ item.navItem }}</el-menu-it
2020-06-16 17:38:25
402
原创 elementui 下拉框 根据后台返回code显示对应name错误问题
code的格式存在问题，数据库读取到的数据不一定为number类型 需要自己转换一下 <el-form-item label="融资阶段：" prop="stage"> <el-select v-model="ruleFormedit.stage" clearable filterable style="width:425px;"> <el-option v-for="item in financingli..
2020-06-10 18:11:24
857
原创 vue延迟3秒跳转
方法一 setTimeout(()=>{ //需要延迟的代码 :3秒后延迟跳转到首页，可以加提示什么的 this.$router.push({ name:"index" }); //延迟时间：3秒 },3000)
2020-06-09 11:17:23
10216
原创 js删除两个数组相同的对象，数组去重
multipleSelection datatable 是数组 for(let i in this.multipleSelection){ for (let k in this.datatable) { if (this.multipleSelection[i].content == this.datatable[k].content) { this.datatable.splice(k
2020-05-28 13:43:57
1026
2
原创 vue截取字符串
HTML <p class="dataleft2">{{item.createTime|dateFormat("yyyy-MM")}}</p> js 如果是渲染的数据和methods同级 methods: { }, filters:{ dateFormat: function(date, fmt) { if (!date) return date; date = new Date(date); var o =
2020-05-12 18:24:46
947
原创 js分页效果
<!doctype html> <html> <head> <meta charset="utf-8"> <title>js分页效果</title> <style> * { margin:0; padding:0; } img { border:0; } ol,ul,li { list-style:none; } .box { width:100%; height:500px.
2020-05-10 13:18:18
383
原创 vue中根据输入地址生成百度地图
在indexHTML中加入引用 ak=? ?为百度地图密匙 <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=？"></script> webpack.base.conf.js中与entry同级 entry: { app: './src/main....
2020-05-08 14:41:27
600
1
原创 vue element 动态获取后台枚举接口 根据code返回对应name值
element 表格获取 HTML部分 <el-table-column prop="state" label="团队状态" align="center" :formatter="statetype"> </el-table-column> js部分 teamStates(){ ...
2020-04-29 18:02:44
1916
原创 echarts雷达图缩短字体和图表之间的距离
vue中的echarts雷达图 js echarts(){ let myChart = this.$echarts.init(document.getElementById("main")); myChart.setOption({ textStyle: { ...
2020-04-27 16:58:18
7223
原创 v-charts 环形图显示百分比
基于echarts封装的v-charts，针对vue v-charts官网 效果 ## HTML //html <ve-ring :data="retained" :legend-visible="false" :settings="ringextend" :colors="ringcolor" :title="title" class="huan" ></ve-ring>...
2020-04-16 13:10:08
4604
6
原创 前端正则表达式
手机号 /^1[345678]\d{9}$/ 密码 字母和数字组合，但不为纯数字 /^(?!\d+$)[\da-zA-Z]+$/ //最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符 /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/ 身份证 15到18位数字，或者17位数字加 x /(...
2020-04-16 11:46:58
537
原创 vue中更改echarts面积图 渐变色，字体，隐藏y轴等样式效果
【代码】vue中更改echarts面积图 渐变色，字体，隐藏y轴等样式效果。
2020-04-13 13:22:10
1726
原创 css问题
div{ user-select:none; //兼容性写法 -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; }
2020-03-02 10:29:10
184
原创 判断滚轮距离顶部的位置
这里写自定义目录标题vue 写一个方法然后在生命周期里调用 vue 写一个方法然后在生命周期里调用 mounted() { this.top(); }, methods: { top() { // 页面被卷去的高度 scrollT 滚动距离 window.onscroll = function() { let scrol...
2020-01-17 17:42:45
695
原创 css 表格开头 对角线 线性渐变
css 表格开头线性渐变 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { margin:50px auto; width:100p...
2019-12-31 15:01:58
306
原创 vue 百度地图
vue项目中引入百度地图 首先在百度地图申请密匙 控制台中 访问应用（AK）下面的一串数字 调写配置 在build目录下找到 webpack.base.conf.js文件 module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, // 百度地图...
2019-12-17 11:48:33
337
原创 echarts环形图显示百分比
echarts 环形图 var ring = echarts.init(document.getElementById('main1')); var labelTop = {开发 normal: { label: { show: true, position: 'ce...
2019-10-17 10:28:44
18334
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人