效果如图：html：后面的日期是循环出来的<div class="calendar-title"><span class="calendar-left" @click="lastDateclick"><</span><span class="calendar-center">近期事件&l...

主要记录一下项目中常用到的table属性1、stripe:是否显示斑马纹<el-table :stripe="true"> </el-table>// 后来发现可以直接这么写，哎之前好傻<el-table stripe> </el-table>2、可以自己更改行颜色，样式如下.el-table tr:hover{...

效果如图：表格内容啥的就不要管了，专注于效果哈~html： 我是通过v-if="colData[0].istrue"，通过勾选框的选中和不选中来控制对应列的istrue的true/false，从而控制每一列的显隐。<el-table :data="tableData" stripe border style="width: 98%" ref="tableDataR...

111

补充下拉框编辑的代码<el-table-column align="center" width="150" label="label"><template slot-scope="scope"><span v-show="!scope.row.isEditCellData">{{scope.row.data}}</span&...

预览：后台返回文件流，前端通过pdf.js来实现文件预览。pdf.js要修改的配置，其他博主都写的很详细了，我就不叙述了。就贴上预览的前端代码，更直观的看代码1、点击预览，弹出预览对话框（通过iframe实现）html:这里的:src的值是固定要这么写的，不然pdf插件会找不到文件路径，因此预览不了<el-button size="mini" @click="p...

效果如图：html：后面的日期是循环出来的<div class="calendar-title"><span class="calendar-left" @click="lastDateclick"><</span><span class="calendar-center">近期事件&l...

项目里用到挺多与日期相关的逻辑，现在记录一下我用到过的方法。1、获取当天日期，格式：yyyy-MM-ddgetCurrentDate(n) {var dd = new Date();if (n) {dd.setDate(dd.getDate() - n);}var year = dd.getFull...

主要记录一下项目中常用到的table属性1、stripe:是否显示斑马纹<el-table :stripe="true"> </el-table>// 后来发现可以直接这么写，哎之前好傻<el-table stripe> </el-table>2、可以自己更改行颜色，样式如下.el-table tr:hover{...

效果如图：表格内容啥的就不要管了，专注于效果哈~html： 我是通过v-if="colData[0].istrue"，通过勾选框的选中和不选中来控制对应列的istrue的true/false，从而控制每一列的显隐。<el-table :data="tableData" stripe border style="width: 98%" ref="tableDataR...