![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
填坑
我爱吃西瓜喵
<!-- 一只工作刚一年的前端喵! --> <!--已经是工作两年多的前端老猫了 =(:з」∠)_-->
马上三年啦!!
展开
-
nodejs:表格数据导出为excel
安装依赖npm install node-excel-exportserver/ app.jsconst excel = require('node-excel-export');app.get('/api/getexcel', async (req, res) => { let dataset = await queryAllPlData(req.query) // 这里不做详情介绍,就是通过sql拿到正常的表格数据,具体代码可以参考我的另一篇文章 // exc.原创 2023-01-09 09:37:21 · 806 阅读 · 1 评论 -
Nodejs + oracle + vue 开发记录
nodejs + vue + oracle数据库 开发原创 2022-05-06 16:49:28 · 1467 阅读 · 0 评论 -
cordova+vue 混合开发 引用原生插件
cordova+vue开发,引入原生android照相机、相册、地理位置插件等原创 2022-03-29 13:21:56 · 1082 阅读 · 0 评论 -
vue:遇到的坑之-----el-select/el-tree 下拉选项全选 反选(element-ui)
效果图:html:<el-select filterable multiple collapse-tags v-model="selectData" @change="selectBox" @visible-change="visiblechangeOption" placeholder="请选择"> <el-checkbox v-model="isSelectAll" style="padding-left:18px" @change="selectAll">.原创 2021-07-14 09:26:06 · 1414 阅读 · 7 评论 -
vue el-table 树结构选中逻辑
handleSelectionChange(val, row) { let checkedLength = val.length; let fundCode = row.fundCode; //父表 if (row.children && row.children.length > 0) { if (this.checkedLength < val.length) { row.children..原创 2021-07-15 10:49:01 · 869 阅读 · 0 评论 -
vue:el-date-picker多个日期遍历,不能选择重叠日期(element-ui)
111原创 2020-05-14 15:44:24 · 3209 阅读 · 0 评论 -
vue:el-table 合并列的不同情况
1.合并第一列的所有数据,最简单的一种html:<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop="id" label="ID" width="180"></el-table-column> <el-table-column p.原创 2020-05-14 15:44:53 · 1175 阅读 · 2 评论 -
vue:遇到的坑之-----table拖拽(element-ui)
效果如下:拖拽情况:1、表格嵌套,子表进行拖拽,不能跨表拖拽,父表不能拖拽,引用了sortable.js插件2、单表拖拽以下是嵌套表格拖拽代码:html:<template> <el-table :data="tableData" style="width: 100%" border @expand-change="expandChang...原创 2020-05-14 15:45:17 · 2206 阅读 · 6 评论 -
vue:遇到的坑之-----form属性(element-ui)
1.解决输入框输入内容后回车就会刷新页面bug加一个@submit.native.prevent就可以已解决原理:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加 @submit.native.prevent。 <el-form @submit.native.prevent></el-form&...原创 2020-05-14 15:45:05 · 1756 阅读 · 0 评论 -
有关vue引入ueditor遇到的问题
做个记录引入:之前项目用的vue-cli3脚本架创建的项目,然后引入ueditor的时候很多资源找不到路径,好多地方报错,后来重新用webpack重构了项目,ueditor的显示问题就自动解决了。1、下载下来的ue资源包解压放在项目static目录下2、在main.js里引入import '../static/ue/ueditor.config.js';import '...原创 2019-10-23 15:25:35 · 947 阅读 · 6 评论 -
vue:遇到的坑之-----格式化子表数据(不是主表)
这是一个双层嵌套的表格-0-<el-table :data="TableList" border> // 主表展开按钮 <el-table-column type="expand"> <template slot-scope="props"> // 嵌套的子表 <el-table...原创 2019-03-25 14:34:05 · 260 阅读 · 0 评论 -
vue:遇到的坑之-----动态控制表格列的显隐(element-ui)
效果如图:表格内容啥的就不要管了,专注于效果哈~html: 我是通过v-if="colData[0].istrue",通过勾选框的选中和不选中来控制对应列的istrue的true/false,从而控制每一列的显隐。<el-table :data="tableData" stripe border style="width: 98%" ref="tableDataR...原创 2019-06-19 15:10:48 · 28103 阅读 · 64 评论 -
vue:日期的相关方法
项目里用到挺多与日期相关的逻辑,现在记录一下我用到过的方法。1、获取当天日期,格式:yyyy-MM-dd getCurrentDate(n) { var dd = new Date(); if (n) { dd.setDate(dd.getDate() - n); } var year = dd.getFull...原创 2019-06-19 15:38:43 · 10962 阅读 · 2 评论 -
vue:遇到的坑之-----table属性(element-ui)
主要记录一下项目中常用到的table属性1、stripe:是否显示斑马纹<el-table :stripe="true"> </el-table>// 后来发现可以直接这么写,哎之前好傻<el-table stripe> </el-table>2、可以自己更改行颜色,样式如下.el-table tr:hover{ ...原创 2019-06-04 17:13:21 · 15384 阅读 · 4 评论 -
vue:遇到的坑之----预览、下载文件
预览:后台返回文件流,前端通过pdf.js来实现文件预览。pdf.js要修改的配置,其他博主都写的很详细了,我就不叙述了。就贴上预览的前端代码,更直观的看代码1、点击预览,弹出预览对话框(通过iframe实现)html:这里的:src的值是固定要这么写的,不然pdf插件会找不到文件路径,因此预览不了<el-button size="mini" @click="p...原创 2019-07-07 19:54:03 · 3663 阅读 · 8 评论 -
vue:日历表格(element-ui)
效果如图:html:后面的日期是循环出来的<div class="calendar-title"> <span class="calendar-left" @click="lastDateclick"><</span> <span class="calendar-center">近期事件&l...原创 2019-06-24 14:24:07 · 6083 阅读 · 5 评论 -
vue:遇到的坑之-----自定义双击编辑表格(element-ui)
补充下拉框编辑的代码<el-table-column align="center" width="150" label="label"> <template slot-scope="scope"> <span v-show="!scope.row.isEditCellData">{{scope.row.data}}</span&...原创 2019-03-25 13:59:20 · 3528 阅读 · 2 评论