weixin_46391404的博客

原创 elementui记录

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

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

原创 tinymce-vue 富文本支持粘贴功能，模拟ctrl+v

原创 elementui popover 点击弹窗区域不能关闭，点击区域外关闭弹框

【代码】elementui popover 点击弹窗区域不能关闭，点击区域外关闭弹框。

原创 vue-treeselect 禁止父级选中,不禁止子集选中

【代码】vue-treeselect 禁止父级选中,不禁止子集选中。

原创 css完成向下的三角形

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

原创 elementui table 合并列

【代码】elementui table 合并列。

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

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

原创 封装父子组件

【代码】【无标题】

原创 vant 总结

【代码】vant 总结。

原创 vant移动端 封装表单

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

原创 pc端 elementui 弹框

【代码】【无标题】

原创 js 算法

【代码】js 算法。

原创 loading动画

【代码】loading动画。

原创 js处理数据

【代码】js处理数据。

原创 获取手机验证码

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

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

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

原创 前端做分页

【代码】前端做分页。

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

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

批量处理```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" .