- 博客(48)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue + elementui工作中常见问题总结
vue页面的常用跳转history.go(-2);//后退两次history.go(2);//前进两次history.back(); //后退hsitory.forward(); //前进----------------------------------------------## 标题为什么 v-for 和 v-if 不建议⽤在⼀起?原因:v-for比v-if优先级高,每一次都需要遍历整个数组,造成不必要的计算,影响性能,即使100个list中只需要使用一个数据,也会循环整个数组。 &l
2021-05-07 11:32:55
3531
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue编写模板
<template> <div class="app"> <h3>app</h3> </div></template><script> export default{ name:'app', props:{}, data(...
2020-04-05 17:48:12
376
原创 elementui记录
thoroughDeleteFn(row) { this.$confirm('确认要彻底删除该事务吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }) .then(() => { thoroughDeleteAffair({ affairQueryprocInsId: r
2022-10-12 18:37:46
280
原创 jq 将图片转为背景图
$(document).ready(function(){ $('div.adviseBox .adviseTime img').each(function(){ var _t = this; setTimeout(function(){ var _style = 'width:30%;min-height:40px;display: inline-block;overflow:hidden;background:url('+_
2022-07-22 15:13:39
166
原创 echats 柱状图出现横向滚动条、随着鼠标滚动显示
echats 柱状图出现横向滚动条dataZoom: [ //滑动条 { xAxisIndex: 0, //这里是从X轴的0刻度开始 show: true, //是否显示滑动条,不影响使用 type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件 startValue: 0, // 从头开始。 endValue: 15, // 一次性展示6个。 },],echats 柱状图随着鼠标滚动显示多少dataZoom: [{
2022-05-27 14:02:25
725
原创 根据上传的文件后缀,来判断文件需要展示什么类型的小图标
<div class="fileEach" v-for="(item,index) in fileList"> <img src="renderFileImg(item.fileName)" alt="" class="fileSmallImg"> <a class="btn-link">${item.fileName}</a> </div> renderFileImg(fileName) { const white.
2022-04-28 10:41:26
360
原创 正则只能输入数字和英文逗号,如:12,34 ,25 45,
<el-form-item prop="get"> <el-input v-model="form.get" @input="(val)=>{getUps(val)}" autocomplete="off" style="width: 260px;" placeholder="请输入"> </el-input> <span class="lengthMIn">(以英文逗号分隔)</span></el-form-
2022-03-31 14:45:00
4313
原创 vue、uniapp,页面路由跳转、带参数、接收
**vue框架**//跳转this.$router.push({ path: `/index/sendFile/${data.id}`});//接收this.$route.params.id**uniapp**//跳转uni.navigateTo({ url: "/pages/sendManagement/hasDetail?id=" + data.id,})//接收this.$route.query.id
2022-03-23 14:36:40
1684
原创 uniapp 使用原生new FormData()上传文件
<template> <view class=""> <view class="upload-file" @click="uploadFile('zw')"> <span>上传</span> </view> <view class="filelist" style="width: 100%;"> <view class="fileEach" v-for="(item,index) in doc
2022-03-23 14:17:14
3116
4
原创 新项目vue2.0引入elementui
1、运行npm i element-ui -S2、 打开项目:src/main.js,添加以下三条 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)
2022-02-16 18:24:48
500
原创 开始结束日期分开控件,和选择时间范围效果一样,年月日时分秒
<template> <el-form :inline="true" slot="search-form" size="mini" :model="untreatedform" ref="untreatedform"> <el-form-item label="时间范围"> <el-date-picker v-model="untreatedform.startDate" format="yy
2022-02-10 15:43:44
477
原创 elementui 弹窗dialog拖动
1、创建一个文件将下面js放进去import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dialog') dialogHeade
2022-02-10 15:17:57
833
原创 pc端列表实现拖动,变换位置
首先运行 npm i sortablejs -S 我是^1.12.0版本<el-scrollbar ref="scroll" class="tree-scrollbar"> <div class="per-div" :style="{background:checkedType==''?'#E9F7FF':'',color:checkedType==''?'#0270C1':''}" @click="handleNodeClick({id:'',flowName.
2021-12-08 20:10:18
564
原创 换算时间 将时间换算为距当前时间 [还剩/超出] 多少分,小时,天,字体颜色随之变化
// 换算时间 将时间换算为距当前时间 [还剩/超出] 多少分,小时,天getDistanceTime (dateTime ) { const _target = new Date(dateTime), _now = new Date(), _status = _target > _now ? 1 : -1, _diff = Math.abs(_target - _now); return { status: _sta
2021-12-01 15:24:03
508
原创 超出文本用省略号代替,兼容Ie浏览器
.message-title { color: #666666; font-size: 14px; width: 364px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
2021-11-01 17:29:32
167
原创 echarts 曲线图
<div class="grid-content bg-purple-light"> <el-card shadow="hover"> <div id="ipage-chart-send" ref="send" style="height: 342px;"></div> </el-card></div>.grid-content { border-radius: 4px; min-height: 36px; bac.
2021-11-01 14:26:09
4069
原创 时间封装,格式化时间,年、月、日、时、分、秒
//格式化时间第一种方法:放到全局,可以随时调用this.tableData.map((v) => { v.createTime = v.createTime ? formatTime(v.createTime) : "";});export const formatTime = str => { if (str.toString().indexOf('-') != -1) { str = str.replace(/-/g, '/') } let data =
2021-10-28 11:49:07
96
原创 elementui表格嵌套上传文件,多个上传控件,可以删除、添加
<template> <el-table :data="tableData" @cell-click="cellTable"> <el-table-column label="文件" :render-header="renderHeader" show-overflow-tooltip> <template slot-scope="scope"> <el-upload class="upload-demo" .
2021-10-28 11:32:27
1632
原创 前端上半年工作总结、下半年工作计划
工作总结一、上半年工作总结根据公司的安排,项目的需要,团队的合作下,克服重重技术困难,增长了工作经验收获颇多。1、完成的功能。。。。。。。。。。。。。。。。。。。。。。。。大致总结自己上半年的工作内容2、团队协作项目中采用前后相分离方式,可以高效完成项目开发进度;合作中,大家积极沟通,相互探讨,协同努力完成好工作需求;工作中,热爱自己的本职工作,认真对待每一项工作。每个项目都不是一个人所能完成的,正所谓一切事物离不开团队,个人是无法逞英雄的。在相互尊重、相关帮助下,更好完成每份工作。3、个人成
2021-07-26 15:12:29
11461
1
原创 点击按钮,弹窗里嵌套Tabs 标签页,可展开全屏放大、可缩小为原来弹窗大小
<template> <div> <el-button type="primary" plain @click="zoomOut">弹框</el-button> <el-dialog top="50px" width="900px" :fullscreen="is_fullscreen" :close-on-click-modal="false" :visible.sync="dialog_show"> <template .
2021-07-26 14:58:48
849
原创 将name中末尾为_s的,处理后赋给未带_s的name中
let newArr=[{name: "id", longvalue: "4e3b21a1-2c83-4e37-b283-cf50d9938253"},{name: "proc_ins_id", longvalue: "edaf5522-8701-4b74-bbb9-04ee0dfedd66"},{name: "text_addr", longvalue: ""},{name: "text_type", longvalue: ""},{name: "text_content", longvalue.
2021-07-23 14:29:57
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人