weixin_46391404的博客

原创 vue + elementui工作中常见问题总结

vue页面的常用跳转history.go(-2);//后退两次history.go(2);//前进两次history.back(); //后退hsitory.forward(); //前进----------------------------------------------## 标题为什么 v-for 和 v-if 不建议⽤在⼀起？原因：v-for比v-if优先级高，每一次都需要遍历整个数组，造成不必要的计算，影响性能，即使100个list中只需要使用一个数据，也会循环整个数组。 &l

原创 vue编写模板

<template> <div class="app"> <h3>app</h3> </div></template><script> export default{ name:'app', props:{}, data(...

原创 css完成向下的三角形

【代码】css完成向下的三角形。

原创 elementui table 合并列

【代码】elementui table 合并列。

原创 动态行、列，并且合并

【代码】动态行、列，并且合并。

原创 封装父子组件

【代码】【无标题】

原创 vant 总结

【代码】vant 总结。

原创 vant移动端 封装表单

【代码】vant移动端 封装表单。

原创 pc端 elementui 弹框

【代码】【无标题】

原创 js 算法

【代码】js 算法。

原创 loading动画

【代码】loading动画。

原创 js处理数据

【代码】js处理数据。

原创 获取手机验证码

【代码】获取手机验证码。

原创 elementui 自定义颜色、选择图标、开关添加提示

【代码】elementui 自定义颜色、选择图标、开关添加提示。

原创 前端做分页

【代码】前端做分页。

原创 elementui table 动态列表、弹框动态输入、校验

原创 elementui记录

thoroughDeleteFn(row) { this.$confirm('确认要彻底删除该事务吗？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }) .then(() => { thoroughDeleteAffair({ affairQueryprocInsId: r

原创 列表批量处理按钮,有选中时按钮才可以点击

批量处理```html 批量处理

原创 elementui input只能输入数字

【代码】elementui input只能输入数字。

原创 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('+_

原创 jq 把input改为textarea

input改为textarea

原创 一个数组 里面的元素也是数组 将这些元素为0的 替换成空字符串

map

原创 echats 柱状图出现横向滚动条、随着鼠标滚动显示

echats 柱状图出现横向滚动条dataZoom: [ //滑动条 { xAxisIndex: 0, //这里是从X轴的0刻度开始 show: true, //是否显示滑动条，不影响使用 type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件 startValue: 0, // 从头开始。 endValue: 15, // 一次性展示6个。 },],echats 柱状图随着鼠标滚动显示多少dataZoom: [{

原创 根据上传的文件后缀，来判断文件需要展示什么类型的小图标

<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.

原创 前端岗位职责

原创 正则只能输入数字和英文逗号，如: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-

原创 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

原创 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

原创 新项目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)

原创 开始结束日期分开控件，和选择时间范围效果一样，年月日时分秒

<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

原创 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

原创 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.

原创 换算时间 将时间换算为距当前时间 [还剩/超出] 多少分，小时，天，字体颜色随之变化

// 换算时间 将时间换算为距当前时间 [还剩/超出] 多少分，小时，天getDistanceTime (dateTime ) { const _target = new Date(dateTime), _now = new Date(), _status = _target > _now ? 1 : -1, _diff = Math.abs(_target - _now); return { status: _sta

原创 超出文本用省略号代替，兼容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; }

原创 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.

原创 时间封装，格式化时间，年、月、日、时、分、秒

//格式化时间第一种方法：放到全局，可以随时调用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 =

原创 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" .

原创 前端上半年工作总结、下半年工作计划

工作总结一、上半年工作总结根据公司的安排，项目的需要，团队的合作下，克服重重技术困难，增长了工作经验收获颇多。1、完成的功能。。。。。。。。。。。。。。。。。。。。。。。。大致总结自己上半年的工作内容2、团队协作项目中采用前后相分离方式，可以高效完成项目开发进度；合作中，大家积极沟通，相互探讨，协同努力完成好工作需求；工作中，热爱自己的本职工作，认真对待每一项工作。每个项目都不是一个人所能完成的，正所谓一切事物离不开团队，个人是无法逞英雄的。在相互尊重、相关帮助下，更好完成每份工作。3、个人成

原创 点击按钮，弹窗里嵌套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 .

原创 将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.