自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 生成随机数,随机id,随机颜色集合

【代码】生成随机数,随机id,随机颜色集合。

2024-07-26 16:37:10 119 1

原创 日期时间格式化转换,获取指定日期集合

*** 获取本月第一天*/m = m < 10?/*** 获取本月最后一天*/// 获取当月最后一天0。

2024-07-26 16:32:40 307

原创 vue2-通过图片url下载图片

【代码】vue2-通过图片url当页下载图片。

2024-07-26 16:16:21 291

原创 Antd tree vue2 树懒加载局部更新获取数据

【代码】Antd tree vue2 树懒加载局部更新获取数据。

2024-05-23 10:09:33 261

原创 vue生成指定dom图片,勾选的dom截图,复制粘贴到富文本框,粘贴时带数据(html2canvas,tinymce)

2 复制勾选的dom生成在截屏框里并生成图片。1 html放一个截屏框,不展示在页面中。拿到的imgParam数据。

2023-08-07 14:33:58 299

原创 vue3 antd 表格点击和点击背景色

【代码】vue3 antd 表格点击和点击背景色。

2023-08-02 15:56:42 288

原创 监听浏览器切换窗口

【代码】监听浏览器切换窗口。

2023-07-12 13:54:28 275

原创 vue 防止多次点击重复提交v-preventReClick

preventReClick防止多次点击

2022-06-27 16:37:11 351

原创 前端 点击复制文本 无需插件

// 复制文本 copyText(text) { navigator && navigator.clipboard && navigator.clipboard .writeText(text) .then(this.$message.info("复制成功")) },

2022-01-12 13:48:41 307

原创 解决多次调用方法

//设置时间一秒内调用一次 let timer = null let previous = null var now = +new Date() if (!previous) previous = now clearTimeout(timer) timer = setTimeout(() => { //调用方法 this.handleNewData() previous = null }, 1000)...

2021-10-25 17:54:30 191

原创 js 数量金额转换成中文单位

/**取截金额单位 * arg 金额:单位元 * return 金额+单位 11.24万元 */function numberFormat(arg) { function strNumSize(tempNum) { var stringNum = tempNum.toString() var index = stringNum.indexOf(".") var newNum = stringNum if (index != -1) { newNum

2021-09-10 14:27:27 393

原创 vue antd 日期 设置默认日期

<a-range-picker :default-value="timeValueOnly" :format="dateFormat" @change="onDateChange" /></div>import moment from "moment" data() { return { dateFormat: "YYYY-MM-DD", timeValueOnly: [], }} // 选中日期 .

2021-09-01 13:41:00 1257

原创 vue echarts按需引入

ECharts附录一 按需引入ECharts图表和组件第一步:新建一个js文件import echarts from "echarts"import "echarts/lib/chart/bar"import "echarts/lib/chart/graph"import "echarts/lib/chart/map"import "echarts/lib/chart/line"import "echarts/lib/chart/pie"import "echarts/lib/compo

2021-08-30 16:44:35 388

原创 vue 把html生成海报,并且导出图片格式

效果1 点击导出2 查看导出的图片//引用插件npm install html2canvas --save//在需要生成海报的页面使用import html2canvas from 'html2canvas';//生成图片 upload() { let domObj = document.getElementById("design") html2canvas(domObj, { useCORS: true, allowTaint: false,

2021-08-17 09:36:29 314

原创 vue js拖拽

methods:{ move(e){ let odiv = e.target; //获取目标元素 //算出鼠标相对元素的位置 let disX = e.clientX - odiv.offsetLeft; let disY = e.clientY - odiv.offsetTop; document.onmousemove = (e.

2021-08-10 17:56:35 189

原创 vue antd前端js获取导入excel xls数据

<a-upload accept=".xls,.xlsx" :show-upload-list="false" action="" name="file" @change="exportData" >// 获取导入参数 exportData(e) { // 拿取文件对象,注:不同框架获取到的对象可能不同,传统upload拿到的对象应该是e.target.file var f = e.fileL

2021-08-03 14:06:49 408

原创 window.postMessage跨源通信

跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案//接收页 mounted() { //接收实验室iframe参数 let _this = this window.addEventListener( "message", function(e) { if (e.data.method == "iframeLaboratoryLoginOut") { _this.goOut(

2021-07-09 15:57:46 82

原创 throttle节流函数

添加链接描述

2021-07-09 15:51:38 210

原创 vscode 一键生成vue代码

1安装vetur插件,识别vue文件安装完成之后点击重新加载2文件–>首选项–>用户片段–>点击新建代码片段–取名vue.json 确定3粘贴以下代码{ "Print to console": { "prefix": "vue", "body": [ "<template>", "<div></div>", "</template>", "", "<script>", "export

2021-05-20 16:48:31 470

原创 改动vuex state的值报错解决[vuex] do not mutate vuex store state outside mutation handlers.

1 不可以直接修改state里面的值,可以在state里面赋值给一个值 this.data= i.list2 再监听这个值,修改 data: { handler(newVal, oldVal) { if (newVal?.length > 0 && typeof oldVal == "undefined") { let data= JSON.parse(JSON.stringify(newVal)) .

2021-05-13 16:51:39 363

原创 element可下拉多选,选择下级搜索框组件

<el-popover placement="right" width="400" trigger="focus"> <el-tree class="filter-tree" :data="typeList" :props="treeProps" default-expand-all :expand-on-click-node="false" highlight-current

2021-04-13 19:49:14 327

原创 echart-两条折线图-柱状图差值

let expendChart = []//支出 let incomeChart = []//收入 let dateChart = []//时间 let difference = []//差值 if(res.length>0){ res[0].data.forEach(item => { let expend = "" if(item.tradeAmountZc>0){ .

2021-02-26 10:39:53 2209

原创 vue2-判断本地图片是否存在

item.children.forEach(element => { element.src = element.text this.CheckImgExists(element).catch(() => { element.src = "default" }) }) // 判断本地图片是否存在 CheckImgExists(item) { return new Promise(function(reso..

2020-11-10 19:11:24 2457 1

原创 ant-表格-组件(排序初始化,表格行点击)

<Table :columns="columns" :treeParameter="treeParameter" ref="Table" :keyWord="keyWord" @sortedInfo="getSortedInfo"></Table>this.columns = [{ title: "状态", key: "isRecoveryData", dataIndex: "isRecoveryData", sorter: true, sortO

2020-11-05 14:10:31 189

原创 ANtd表格-基本-复选框

a-table :columns="columns" :data-source="data2" :pagination="pagination2" :loading="loading" rowKey="collectId" ref="table2" @change="tableChange2" :row-selection="{ selectedRowKeys: selectedRowKeys2, onSelect: onSelect2, onSele

2020-11-05 14:08:36 1349

原创 VUE-组件传值

父子组件传值父组件<AddModal v-on:modalActive="modalActive" :treeParameter="treeParameter"></AddModal>//接收子组件AddModal的传值 modalActive: function(item) {},子组件export default { props: { treeParameter: Object, //接收父组件的值 },}//传值给父组件this.$emit

2020-11-04 14:16:02 172

原创 VUE-echart-关系图(自定义头像)

initEchart() { let myChart = echarts.init(document.getElementById("echart-graph")) this.chartLink = [ { value: "同事", source: "1", target: "2" }, { value: "同事", source: "1", target: "3" }, { value: "同事", source: "1", targ

2020-10-30 17:46:38 569

原创 echarts 地图数据

地图经纬数据 http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4例子有删减{ "code": 200, "result": true, "data": { "cityCode": "316000", "cityName": "舟山市", "mapPosition": { "top": 101,

2020-10-16 09:57:23 298

原创 sourceTree git文件区分大小写设置

1打开设置-高级-编辑配置文件2找到ignorecase,改成false

2020-09-11 10:13:59 2347 1

原创 create-keyframe-animation动画模块

<el-col :span="24" class="container"> <el-col v-for="(item, index) in rollList" :key="item.order" class="roll-list" > <el-col class="roll-list-content" ref="rollListContent" :class=" item.order &

2020-09-09 18:16:05 254

原创 vue下载 导出

//导出答卷 uploadExamMet(exam) { let userId = this.userInfo.id; let examRecordId = exam.examRecordInfo.examRecordId; uploadExam(userId, examRecordId).then((response) => { console.log(response); if (response.status == 2.

2020-08-03 17:42:18 42

原创 vue 进度条组件-环形-有动画效果

<template> <div class="percentloop"> <div class="circle-left"> <div ref="leftcontent"></div> </div> <div class="circle-right"> <div ref="rightcontent"></div> </div>

2020-07-27 15:14:37 552

原创 定时器显示当前时间

<template> <span>{{nowTime}}</span></template><script>export default { data() { return { nowTime: "" }; }, created() { this.currentTime(); }, methods: { getTime: function() { let yy

2020-07-24 17:08:14 167

原创 vue-倒计时组件-可自定义样式

<template> <div> <span>{{ hourString.substring(0, 1) }}</span> <span>{{ hourString.substring(1, 2) }}</span> <span>:</span> <span>{{ minuteString.substring(0, 1) }}</span> &l

2020-07-24 17:07:36 149

原创 vue-element-列表穿梭框

<div class="center-box"> <div class="c-left"> <span class="c-title">案件列表</span> <div class="list-box"> <div @click="listClick(i,index,'left')" v-for="(i,index) in caseLeftList" :key..

2020-07-01 15:03:36 1009

原创 element 表格动态表头循环加载

<el-table-column v-for="(i,index) in tableHead" :title="i.value" :prop="i.value" :label="i.label" sortable="custom"> <template slot-scope="scope"> <span v-if="i.value === 'event.

2020-06-02 16:14:52 784

原创 element穿梭框

<el-transfer v-model="transferList.check" class="transfer-box" :titles="['人员列表', '已分配列表']" :button-texts="['取消分配', '加入右侧']" :data="transferList.list" :props="{ key: 'id', label: '..

2020-06-02 13:20:26 251

原创 element 复选框全选

<el-checkbox :indeterminate="checkList.indeterminate" v-model="checkList.checkAll" @change="checkAllChange"> 全选</el-checkbox><el-checkbox-group v-model="checkList.checkValue" @change="checkChange"> <el-che

2020-06-02 10:30:48 531

原创 element 弹出框表单验证-可清除验证-自定义校验

el-form 加上v-if ,每次打开弹窗的时候红色的验证会消失 <el-dialog :title="dialog.title" :visible.sync="dialog.show" width="495px"> <el-form :model="ruleForm" :rules="ruleFormRules" ref="ruleForm" label-width="150px" class="rul

2020-06-02 10:06:27 2050

原创 element 有搜索框input筛选的树形菜单

default-expand-all --默认展开全部highlight-current --高亮:filter-node-method="filterNode" --筛选input:expand-on-click-node="false" --点击图标才展开node-key="id" -- getCheckedKeys必须绑定id<!-- 格式可写在标签内 -->:props="{ label: 'name', value:'

2020-06-02 09:51:36 1091

空空如也

空空如也

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

TA关注的人

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