- 博客(11)
- 收藏
- 关注
原创 ElementUI el-tree default-checked-keys动态改变
通过调用setCheckedKeys方法来改变elementUI el-tree选中状态
2022-06-15 14:27:11
2780
2
原创 el-table合并一列中数据相同的单元格
html相关代码<el-table :data="tableData" border class="tableDataF" :span-method="objectSpanMethod"> <el-table-column label="类名" align="center" prop="class"></el-table-column> <el-table-column label="小类" align="center" prop="class
2022-05-17 16:52:14
3862
6
原创 附件预览(可用于图片、word文档、pdf、.xls表格等预览)
一、fileView.vue文件里的完整代码(fileView.vue即为抽离出的附件预览组件)1、html部分<template> <div class="docContainer"> <iframe :src="viewUrl"></iframe> </div></template>2、js部分的完整代码(变量定义中的 previewServeUrl: globalConfig.filePrevi
2022-04-09 15:44:32
1563
原创 文件下载(axios原生下载)
方法中下载文件的文件名部分可根据实际返回值情况修改import axios from "axios";downLoadFiles(url, isHandBook) { try { axios .get(url, { headers: { Authorization: "Bearer " + getToken(), "Access-Control-Allow-Origin".
2022-04-09 15:24:32
3139
原创 获取el-cascader级联选择器选中的当前结点的label值
(注:一般级联选择器绑定的都是value值,可通过v-model绑定的值直接获取其value,当选项的label和value不一样时,此方法用于获取当前选中节点的label)1、html代码 <el-cascader :props="areaProps" :options="areaOptions" ref="cascaderArr" v-model="areaCodeArr" @change="handleChange($event)" :></el-cas
2022-04-09 15:17:52
13471
9
原创 vue+ElementUI 级联选择器根据最后一级选中的值回显整个选中的数组
(注:可作为工具方法单独提出来,然后在相关页面引用getPath方法;多用于编辑/修改表单时的数据回显)getPath方法需要两个参数: 1、treeData表示用于提供级联选择器选择的数组,targetId表示之前选中的数组的最后一级的值export function getPath (treeData, targetId) { let path = []; let toggle = false; for (let i = 0; i < treeData.length; i.
2022-04-09 15:07:58
1458
原创 vue+ElementUI实现带进度条的文件上传
(注: 该方法只适用于附件的自动上传)1.html部分代码<div class="uploadContent" > <div class="uploadAndList"> <el-upload class="upload-demo" drag :action="uploadUrl" multiple :header
2022-04-08 20:45:00
4154
2
原创 js实现将阿拉伯数字转换成中文大写
方法1(注释部分的代码单独提出来作为一个方法也可实现):intToChinese(num) { // if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) { // return "数据非法"; //判断数据是否大于0 // } // let unit = "千百拾亿千百拾万千百拾点 ", // str = ""; // n += "00"; // let indexpoint = n
2022-04-08 11:36:21
3695
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人