- 博客(40)
- 收藏
- 关注
原创 vue生成指定dom图片,勾选的dom截图,复制粘贴到富文本框,粘贴时带数据(html2canvas,tinymce)
2 复制勾选的dom生成在截屏框里并生成图片。1 html放一个截屏框,不展示在页面中。拿到的imgParam数据。
2023-08-07 14:33:58
299
原创 前端 点击复制文本 无需插件
// 复制文本 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
原创 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
原创 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关注的人