vue
进阶de程序猿
这个作者很懒,什么都没留下…
展开
-
vue3项目直接下载pdf
创建XMLHttpRequest() 是要重新设置文件名称 a.download = ‘***.pdf’;背景 pdf文件已经由后台生成 并且上传到oss服务器。res 后台返回的pdf文件地址 然后主要就是拼接。*.com/file/文件名.pdf。返回的格式 https://......原创 2022-08-26 13:56:55 · 1167 阅读 · 1 评论 -
vue+element 可编辑可输入表格
【代码】vue+element 可编辑可输入表格。原创 2022-03-18 14:01:07 · 1573 阅读 · 0 评论 -
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 · 1227 阅读 · 0 评论 -
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 · 795 阅读 · 0 评论 -
npm i errno: -4048
缓存问题,使用指令清理缓存即可npm cache clean --forcenpm install原创 2022-01-04 10:36:39 · 412 阅读 · 0 评论 -
根据输入汉字生成首字符拼写
// 公共方法 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 · 113 阅读 · 0 评论 -
vue js获取url地址栏的参数
/有疑问请在评论区留言。原创 2021-11-04 10:55:30 · 915 阅读 · 0 评论 -
vue路由传参
跳转前this.$router.push({ name: "activDetails", query: { activityId: data.activityId, }, });在这打印 this.$route能看到参数然后接收this.$route.query.activityId原创 2021-11-02 15:39:09 · 72 阅读 · 0 评论 -
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 · 545 阅读 · 0 评论 -
js数组中某个值的累加
sendDataInfo: { pisOrderDetail: [{ bgmName: "", bgmId: "", money: "", price: "", psmoney: "", psprice: "", psodPacknum: "", }],},定义和用法reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduc原创 2021-09-01 10:01:13 · 3238 阅读 · 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 · 251 阅读 · 0 评论 -
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 · 153 阅读 · 0 评论 -
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 · 225 阅读 · 0 评论 -
elemen-ui 中日期 禁止选择当日之前的日期
<el-date-picker v-model="interviewplacedate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"原创 2020-06-18 14:02:44 · 269 阅读 · 0 评论 -
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 · 320 阅读 · 0 评论 -
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 · 744 阅读 · 0 评论 -
vue延迟3秒跳转
方法一setTimeout(()=>{ //需要延迟的代码 :3秒后延迟跳转到首页,可以加提示什么的 this.$router.push({ name:"index" }); //延迟时间:3秒 },3000)原创 2020-06-09 11:17:23 · 9745 阅读 · 0 评论 -
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 · 940 阅读 · 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 · 855 阅读 · 0 评论 -
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 · 526 阅读 · 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 · 1723 阅读 · 0 评论 -
echarts雷达图缩短字体和图表之间的距离
vue中的echarts雷达图jsecharts(){ let myChart = this.$echarts.init(document.getElementById("main")); myChart.setOption({ textStyle: { ...原创 2020-04-27 16:58:18 · 6535 阅读 · 0 评论 -
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 · 4312 阅读 · 6 评论 -
vue中更改echarts面积图 渐变色,字体,隐藏y轴等样式效果
【代码】vue中更改echarts面积图 渐变色,字体,隐藏y轴等样式效果。原创 2020-04-13 13:22:10 · 1583 阅读 · 0 评论 -
判断滚轮距离顶部的位置
这里写自定义目录标题vue 写一个方法然后在生命周期里调用vue 写一个方法然后在生命周期里调用mounted() { this.top(); }, methods: { top() { // 页面被卷去的高度 scrollT 滚动距离 window.onscroll = function() { let scrol...原创 2020-01-17 17:42:45 · 589 阅读 · 0 评论 -
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 · 235 阅读 · 0 评论