自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 elementUI from表单必填项已有值但是提示信息还在

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> <el-form-it

2020-11-18 15:02:24 15

转载 后台返回数据中有‘\n’换行符,但是在文本中不显示换行效果

转载链接:https://blog.csdn.net/weixin_39897287/article/details/101757746返回的后台数据是含有换行符的,但是界面显示不换行。后面发现用v-html就可以解决<div class="text" v-html="trainDetail.trainingContent"></div>然后js代码里面还要处理一下let aa= this.xxx.name.replace(/\n/g,"<br>");thi

2020-11-18 14:51:49 9

转载 本地运行打包后的vue项目

转载自:https://blog.csdn.net/qq_33718889/article/details/88725525?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.

2020-11-10 13:08:27 25

原创 dagre-d3简单实现流程图

<template> <div> <svg width="1000" height="1000"> <g /> <rect /> </svg> </div></template><script> import dagreD3 from "dagre-d3" import * as d3 from "d3" export default

2020-11-09 16:56:30 76

转载 vue导出

转载自:https://blog.csdn.net/qq_42221334/article/details/995669151.安装插件cnpm install vue-json-excel2.min.js中引入使用import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)3.直接在页面中使用<download-excel class = "export-excel-wra

2020-11-09 10:39:06 9

原创 mixins中添加表格动态高度方法

mixins文件export default function(height) { return { data() { return { tableHeight: 500 } }, created() { this.getClientHeight() }, mounted() { window.onresize = () => { this.getClientHeight() } }, methods: { getCl

2020-10-29 14:09:54 10

原创 echarts图表自适应

**背景:**vue项目中用到echarts图表,页面上有侧边栏,侧边栏收缩图表不能自适应,想通过监听内容部分的宽度让图表resize,试过window带的resize,只能监听浏览器窗口大小变化,为了监听某元素区域的变化而使echarts的尺寸重置本次解决采用 element-resize-detector 可以完美的解决**思路:**因为收缩侧边栏的时候右侧的区域会自动适应,但是echarts不会随之改变element提供的 element-resize-detector 可以轻松解决问题的存在

2020-10-28 16:12:14 36

转载 Windows解决npm命令没有反应

原文链接:https://www.cnblogs.com/zhenchoafeng/p/10863729.htmlnode.js Windows解决npm命令没有反应今天项目关闭再启动后一直停在npm run dev处没有反应,在cmd中输入npm -v没反应解决办法如下:是npm config set prefix 改包的路径出问题了解决办法就是删除c:/user/administrator下的 .npmrc 文件即可。然后输入npm -v 完美解决...

2020-10-20 10:14:39 22

转载 js动态往对象里边添加一项

原文链接:https://blog.csdn.net/quhongqiang/article/details/98218989// 第一种方法let obj ={"name":"tom","age":16}let key = "id";let value = 2obj[key] = value;console.log(obj) // 第二种方法,利用扩展运算符,简单又实用var obj1={"vue":300,"jquery":200};var obj2={"react":500};v

2020-10-19 15:39:46 16

转载 vue输入框改变后没反应,等下一个输入框值改变才会改变

原文链接:https://www.cnblogs.com/huanhuan55/p/12302333.html<el-input v-model="student.name"></el-input>export default { data () { return { student:{} } }, methods: { update () { this.student.name='莉莉丝' }

2020-10-19 15:34:28 32

原创 elementui el-tab添加badge,以及实时更新标记值

父页面<template> <div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane name="aaa"> <span slot="label"> 页面一<el-badge :value="val1"></el-badge> </span>

2020-09-04 18:32:40 416

原创 elementUI表格数据懒加载,以及动态调整表格高度

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <s

2020-08-31 17:36:38 29

转载 vue中函数执行完再执行另一个函数

转载自:https://blog.csdn.net/MonsteriU/article/details/103782752promise实现function1(){ // 你的逻辑代码 return Promise.resolve()}function2(){ // 你的逻辑代码 return Promise.resolve()}// 调用function3(){ this.function1().then(val => {

2020-08-24 16:32:11 402

转载 elementUI表格表头内容自动生成

转载自:https://blog.csdn.net/huihuiliu_/article/details/103123801rander-header:表头换行显示,目前表头是以空格做界限换行显示的,也可以换成 /, -, | 等等fixed:固定表格列,如果表格前面要加序号,则序号列也要固定,否则的话,序号列会显示在固定列之后<el-table :data="tableData" stripe style="width: 100%"> <el-table-column ty

2020-08-24 10:44:26 44

转载 前端导出多级表头

原文链接:https://www.liyangzone.com/2020/02/27/%E5%89%8D%E7%AB%AF/%E4%BD%BF%E7%94%A8js-xlsx%E6%8F%92%E4%BB%B6%E5%AF%BC%E5%87%BA%E5%A4%9A%E7%BA%A7%E8%A1%A8%E5%A4%B4excel/最近项目里有这么一个需求,把一个多级表头的table导出为excel格式。然后在网上找到一篇文章:js-xlsx导出自定义合并列头实现思路,我按照他的教程操作之后发现比较繁琐,这篇

2020-07-29 16:18:03 205

原创 elementUI 树形控件设置默认高亮

<el-tree ref="treeBox" :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]" :default-checked-keys="[heightKey]" :props="defaultProps"></el-tree><script> export default { data() { return {

2020-07-16 15:28:17 207

转载 elementui表格下追加一行其他数据

<template> <el-table :data="tableData" ref='table' border style="width: 100%"> <el-table-column prop="id" label="ID" width="180"> </el-table-column> <el-table-column prop="name" label="姓名"> </el-table-colu

2020-05-13 16:57:55 979

原创 vue使用dagre-d3生成流程图

vue文件<template> <div> <svg width="1000" height="1500"> <g /> <rect /> </svg> </div></template><sc...

2020-04-16 18:48:36 636

原创 elementui实现dialog拖拽

新建一个dialogDrag.js文件import Vue from 'vue'// v-dialogDrag: 弹出框拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnde) { if (!binding.value) return const dialogHeaderEl...

2020-02-18 11:34:35 169

原创 vue下载文件以及文件重命名

http Content-type对照表链接:https://tool.oschina.net/commons/** * 下载文件以及文件重命名 * @param item 文件在数据库中存储信息 * @param that this别名 */export function downFile(item, that) { // xxx是后台接口, yyy是后台需要的数据 ...

2020-01-13 10:18:45 5082

原创 vue设置几秒后调用自定义方法

if(res.data.status === 0) { const secounds = 5 let num = 0 const timer = setInterval(() => { if(num < secounds) { num++ }else { clearInterval(timer) alert('自定义函数在这里调用') } }, 1...

2019-12-31 10:22:09 922

转载 JS 获取指定日期在当年的第几周

function getWeek(dt) { let d1 = new Date(dt); let d2 = new Date(dt); d2.setMonth(0); d2.setDate(1); let rq = d1 - d2; let days = Math.ceil(rq / (24 * 60 * 60 * 1000)); let ...

2019-12-19 10:50:03 92

转载 vue点击事件 根据条件判断是否可以点击

转载地址: https://blog.csdn.net/weixin_34138139/article/details/91380013需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件;clickFlag == false时,去掉click事件;)解决方法:方式一:在绑定事件中直接添加标示量clickFlag<div ...

2019-12-18 10:43:44 4190

原创 elementUI修改单元格、行背景色,

修改单元格背景色cell-style,修改行背景色row-style<template> <el-table :data="tableData" :cell-style="TableCellStyle" :row-style="TableRowStyle" border style="width: 100%"> <...

2019-12-18 10:18:25 781

转载 vue实现上一周,下一周的选择

原文链接:https://blog.csdn.net/yjy528/article/details/89327381<template> <div class="table_box"> <div> <el-button @click="lastclick">上一周</el-button> ...

2019-11-29 17:48:33 392

原创 vue用户没有头像用姓名首字母做头像

avatar.js/***@param widths 画布宽*@param heights 画布高*@param fontSize 字体大小*@param id canvas id值*@param className img ID值或者类名*@param name 用户名*@param index 索引值*/export function draw(widths,heights...

2019-11-28 09:43:01 519

原创 elementui保留方法原始参数

elementUI默认方法添加新的参数且保留自带参数通过$event保留原始参数<template slot-scope="{ row }"> <el-date-picker type="date" value-format="yyy-MM-dd" @change="change($event, row)"/></template>change(in...

2019-11-07 13:45:33 80

原创 前端发送请求时,携带身份标识

在main.js中import { getCookie } from './utils'import Axios from 'axios'Axios.defaults.headers.common['Authorization'] = getCookie()当我们写完后会发现,前端同一个请求会发送两次。第一次以OPTIONS请求发送,options请求是预检,用来判断实际发送的请求是否...

2019-11-07 13:44:37 190

转载 vue点击切换class改变样式

原文链接https://www.cnblogs.com/xueweijie/p/6861702.html.iconColor{ color: #409EFF;}<li v-for="(item, index) in list" :key="index"> {{item.date}} <i v-show="item.value.length>0" class="...

2019-10-31 10:33:54 325

原创 vue替换数组对象的某个属性值

通过$set给某个属性从新赋值,具体参照官网https://cn.vuejs.org/v2/api/#vm-setdata:[ {name: 'xxx', status: 0}, {name: 'xxx', status: 1}, {name: 'xxx', status: 0}, {name: 'xxx', status: 1},]data.forEach(item =>...

2019-10-30 16:24:33 5962 1

转载 elementUI 表格翻页后,滚动条回到顶部

elementUI 表格翻页后,滚动条回到顶部在页面翻页触发的方法后面添加(记得现在table上添加 ref=‘table’)this.$nextTick(() => { this.$refs.table.bodyWrapper.scrollTop = 0})...

2019-10-22 17:17:44 1342 1

原创 elementUI 合并单元格

第二列在第一列合并的基础上合并<el-table :data="list" border :span-method="arraySpanMethod"> <el-table-column prop="name" label="名称" align="center"> <el-table-column prop="num" label="数量" align="cen...

2019-10-22 17:16:25 200

原创 elementui-select改变宽度

设置style="width:100%"与父盒子同宽<el-select v-model="value5" multiple placeholder="请选择" style="width:100%"> <el-option v-for="item in options" :key="item.value" :label="item.l...

2019-10-22 17:05:25 6126

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除