coder_wangs-优快云博客

解决方式：slot="header" 改为 #header 即可（#为v-slot缩写）<el-table-column label="操作" width="150"> <template v-slot:header>// 或者 #header <strong>（映射总数:{{ tableData.length }}）</strong> </template><el-table-column/>...

2022-03-23 11:59:59 1601

原创 ElementUi中el-table表格单元格合并

<template> <el-table :data="tableData" height="250" :span-method="objectSpanMethod" border style="width: 100%"> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="date" label.

2022-03-22 17:10:15 1044

原创使用 new Map进行数据筛选。

2022-03-21 16:43:44 586

原创使用element UI的日期选择器，默认显示当天日期及7天前日期

<template> <div class="machineApp"> <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="审批人"> <el-date-picker v-model="formInline.value1" .

2022-03-15 11:49:41 11182

原创 Mac本地端口被占用，释放占用端口+命令行展示隐藏文件

终端输入sudo lsof -i:7073（被占端口）输入屏保密码，进行回车键 sudo kill -9 PID（PID:端口进程的PID）

2022-03-10 11:16:53 798

原创 Vue使用el-upload上传JSON,TXT文件解析后进行传递

<template> <div> <el-upload action :on-change="updateReason" :auto-upload="false" accept=".json" list-type="multipart/form-data" > <el-button size="small" type="primary">阶段原因上传</el-b.

2022-02-09 17:04:26 4081 2

转载获取上传的Excel文件内容

补充:下方所有内容只涉及解析 JSON格式！<template><div> <el-upload :action="ipApi" :multiple='false' name="upfile" :on-change="getChange" list-type="multipart/form-data" > <el-button size="small" .

2022-01-21 19:51:51 402

原创 Vue中JSON格式（新｜旧）进行比较 vue-code-diff

npm install vue-code-diff -S<template> <div class="compare"> <CodeDiff class="center" :old-string="oldStrToCompare" :new-string="newStrToCompare" :drawFileList="true" :contex.

2022-01-06 11:31:34 6333 6

原创 Vue实现JSON格式数据预览插件 vue-json-viewer

npm installvue-json-viewer -S<template> <div> <div class="center" v-loading="loading"> <JsonViewer :value="jsonData" :expand-depth="3" /> </div> </div></template>..

2022-01-06 11:20:58 3684 1

原创 JSON格式文件下载插件 file-saver

npm install file-saver -S<template> <div class="download_align"> <p style="width:73px" @click="onSubmit">查询</p> </div></template><script>// 插件 -- 下载文件import FileSaver from 'file-saver'export.

2022-01-06 11:09:09 975

原创正则数字/大小英文/中划线/下划线（多种）匹配集

1.中英文匹配// 判断尽量转换为字符串，原因：js最大安全数/^[0-9]+$/.test(String(num)) 正则判断是否为正数/^[a-z]+$/ 仅支持英文小写/^[A-Za-z]+$/ 英文大小写/^[A-Za-z0-9]+$/ 数字与英文大小写组合 /^[A-Za-z0-9]{1,30}$/ 代表输入的长度最大为30/^\w+$/ 数字英文大小写下划线(/^[A-Za-z0-9_]*$/)/^[\u4e00-\u9fa5a-z-A-Z0-9]{...

2021-12-29 17:39:31 4566

原创 element el-table嵌套input输入框动态添加 form动态表单验证实现

<template> <div style="background:white;"> <el-table :data="yawTable" border size="small" style="width: 100%" height="235" :row-class-name="tableRowClassName" > <el-table-column prop.

2021-12-17 17:50:20 1981

转载 Vue复制粘贴必备插件

vue-clipboard2 - npmA Vuejs2 & Vuejs3 binding for clipboard.jshttps://www.npmjs.com/package/vue-clipboard2

2021-12-14 19:29:50 1017

翻译 Vue 样式穿透

1,sass<style lang="scss" scoped>// scss 样式穿透::v-deep .el-table { color: red;}</style>2,css<style scoped> .el-table >>> .el-hearder{ color:red;}</style>

2021-12-14 19:25:36 147

原创 Vue-Clipboard2 插件复制到剪切板

import Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)index.tsdeclare module 'vue-clipboard2' { const clipboard: any export default clipboard} this.$copyText(this.locationForm.location).then( ().

2021-12-08 19:25:53 73

原创 Vue通过 data（table）下载 xlsx 文件

一，下载依赖包 npm installxlsx -S二，方法文件定义import XLSX from 'xlsx'export const downloadXlsx = (dataList, fileName) => { // 字符串转成字节流 const stringToBuff = str => { var buf = new ArrayBuffer(str.length); var view = new Uint8Array(..

2021-12-08 11:28:59 795

原创 Vue+Echarts饼状图展示

一，引用组件<template> <div class="analysis"> <PieChart :chartData="chartList" @chartClick="chartClick" /> </div></template><script>import PieChart from './PieChart.vue'export default { name: '

2021-12-08 11:01:58 652

转载 vue项目Ctrl+s vscode代码自动格式化

配置settings.json打开settings.json，贴上配置，注意自己原有的vscode主题和字体等不要替换掉打开方式方式一:1)文件 ------.>【首选项】---------->【设置】方式二:Ctrl + P 搜索settings.json配置如下内容{ "window.zoomLevel": 0, "diffEditor.ignoreTrimWhitespace": false, "workbench.colorThem..

2021-12-08 10:25:53 1379

原创 Vue+el-upload上传文件，覆盖默认的上传行为，可以自定义上传的实现

let formData = new FormData() formData.append('file', params.file)

2021-12-08 10:15:52 1479

原创 git 集

代码拉取之后，进行修改，再次提交之后，发现存在冲突（他人已提交过）可在发现冲突之后。执行 git stash 将所有未提交的修改（工作区和暂存区）保存至堆栈中。其次执行git pull origin master(更具自己实际远程分支名称)，将他人已提交代码进行拉取到本地。执行 git stash apply (将自己所有未提交更改，进行恢复到工作区)其次在执行 git push origin master 则可解决冲突。clone指定仓库分支

2021-11-06 13:22:21 340

原创 echarts 树状图展示，数据传递，递归传递数据

博主新人一枚，希望本文章对正在茫然的你有帮助，如果有需要整改的地方，欢迎大家给出积极意见，感谢。一，递归传递数据<template> <RadialTree :chart-data="chartObject" /></template><script>import RadialTree from '@/views/components/radial-tree.vue'export default { components: {

2021-11-06 12:42:15 1269

原创将时间戳格式化为yyyy-MM-dd hh:mm:ss格式(Vue) Moment

//下载安装包npm install moment -D//main.js引入包import moment from 'moment'// 设置语言环境，一个基于小时、分钟、和大写/小写返回正确字符串。moment.locale('zh-cn')//需要引入的页面使用import moment from 'moment'let time = Number('1639482660470') //以毫秒为单位time = Number('1639482650')*1000 //以秒

2021-11-06 12:03:50 1713

web_wp的博客

原创 React Native 自定义扩大点击区域&&不影响原布局

原创 axios进行百分比进度展示（适用于文件流的上传/下载）

原创 js进行图片本地预览&&生成本地图片地址

原创 image图片压缩

原创 Vue中watch深度监听对象或数组新旧值相同

原创 get请求中参数被截取（#后字段被去除），解决方案

原创 js实现copy text 复制功能及css实现内容过长进行省略...

原创 vue+elementui实现下拉框（el-select）增加checkbox并可全选或取消

原创 vue中封装el-dialog弹窗（对话框）

原创 vue.data页面级暂存简单实现

原创 NavigationDuplicated: Avoided redundant navigation to current location

原创触发页面重新刷新-方法

原创 vue在浏览器监听切出当前页面（或切屏）,触发警告

原创前端手写题

转载 element-ui中 table组件的 header具名插槽中数据不响应的问题