- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue3项目直接下载pdf
创建XMLHttpRequest() 是要重新设置文件名称 a.download = ‘***.pdf’;背景 pdf文件已经由后台生成 并且上传到oss服务器。res 后台返回的pdf文件地址 然后主要就是拼接。*.com/file/文件名.pdf。返回的格式 https://......
2022-08-26 13:56:55
1124
1
原创 layui select 动态赋值+ 下拉可搜索
select下拉可搜索加 lay-searchHTML<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
1810
原创 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
1193
原创 vue 中的打印 局部打印
下载print.js print下载在项目main.js导入main.jsimport 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
772
原创 根据输入汉字生成首字符拼写
// 公共方法 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
102
原创 vue路由传参
跳转前this.$router.push({ name: "activDetails", query: { activityId: data.activityId, }, });在这打印 this.$route能看到参数然后接收this.$route.query.activityId
2021-11-02 15:39:09
66
原创 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
530
原创 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
2744
原创 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
101
原创 js数组中某个值的累加
sendDataInfo: { pisOrderDetail: [{ bgmName: "", bgmId: "", money: "", price: "", psmoney: "", psprice: "", psodPacknum: "", }],},定义和用法reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduc
2021-09-01 10:01:13
3195
6
原创 vue2.0常见组件安装
vue2.0安装步骤以及常见的组件安装项目创建1. Vue ceate 项目名称2. 下翻选择 manually select features 回车3. 上下移动选择需要的依赖 vuex router… 空格确认 回车下一步4. 选择vue版本 5. 是否启用history模式 -N6. 选择css处理器7. 选择eslint规则 eslint +standard config 标准模式8. 校验eslint lint on save 保存时校验 lint and fix o
2021-06-25 10:51:32
228
原创 vue 导出excel表格
摘自 https://blog.csdn.net/romeo12334/article/details/88820962依赖安装npm install --save xlsx实现代码// 导出// template<el-botton @click="export">export</el-button><el-table id="table">...</el-table>// scriptimport XLSX from 'xlsx'im
2021-05-19 14:33:44
141
原创 v-charts响应式
html<v-chart ref="runTimes_creditChart" class="credit-chart" :style="{width:'100%',height: '160px',}" :options="tps_options"></v-chart>jsmounted(){ window.addEventListener("resize", this.resizeTheChart);},beforeDestroy() { window
2021-05-07 11:12:07
210
原创 git提交
git clone 项目地址 //项目拉取 克隆//提交git add ./git commit -m “这里是备注信息”//第一次提交时使用git config --global user.email “[email protected]”git config --global user.name “Your Name”//查看分支git branch//切换分支git checkout 分支名//拉取远程仓库git pull origin 分支名//提交 同步git pus
2021-04-21 14:09:36
46
原创 数组去重合并
<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
72
原创 前端浏览器判断
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
384
原创 纯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
130
原创 elemen-ui 中日期 禁止选择当日之前的日期
<el-date-picker v-model="interviewplacedate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
2020-06-18 14:02:44
258
原创 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
311
原创 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
731
原创 vue延迟3秒跳转
方法一setTimeout(()=>{ //需要延迟的代码 :3秒后延迟跳转到首页，可以加提示什么的 this.$router.push({ name:"index" }); //延迟时间：3秒 },3000)
2020-06-09 11:17:23
9488
原创 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
933
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
842
原创 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
305
原创 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
512
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
1676
原创 echarts雷达图缩短字体和图表之间的距离
vue中的echarts雷达图jsecharts(){ let myChart = this.$echarts.init(document.getElementById("main")); myChart.setOption({ textStyle: { ...
2020-04-27 16:58:18
6449
原创 v-charts 环形图显示百分比
基于echarts封装的v-charts，针对vuev-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
4264
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
426
原创 vue中更改echarts面积图 渐变色，字体，隐藏y轴等样式效果
【代码】vue中更改echarts面积图 渐变色，字体，隐藏y轴等样式效果。
2020-04-13 13:22:10
1525
原创 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
127
原创 判断滚轮距离顶部的位置
这里写自定义目录标题vue 写一个方法然后在生命周期里调用vue 写一个方法然后在生命周期里调用mounted() { this.top(); }, methods: { top() { // 页面被卷去的高度 scrollT 滚动距离 window.onscroll = function() { let scrol...
2020-01-17 17:42:45
579
原创 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
208
原创 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
228
原创 echarts环形图显示百分比
echarts 环形图var ring = echarts.init(document.getElementById('main1'));var labelTop = {开发 normal: { label: { show: true, position: 'ce...
2019-10-17 10:28:44
16533
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人