巫小婆

摘要： 一般合并单元格可根据行和列指定合并便可，这篇讲的是 如果表格里有名字或者id或者code相同时进行合并。代码如下： // 合并单元格 handleTableArr(data){ this.spanArr = []; let contactDot = 0; data.forEach((item,ind 阅读全文

摘要： el-select 组件 在接收后台返回值有时会出现点击选中没反应，多选属性下删除没反应的情况。直接用 @change = "$forceUpdate()"事件强制刷新组件渲染即可。代码如下： <el-form-item label="关联物料组：" prop="materialGroupCode" 阅读全文

摘要： <!-- 活动规则 --> <div class="sgMaskMain"> <div class="closeBtn" @click="strategyShow = false"></div> <div class="strategyWrapper" @click.stop> <div class 阅读全文

摘要： 记录自己踩过的坑。 el-date-picker 日期组件默认时间格式为 value-format="yyyy-MM-dd"，后台正常返回数据却无法正常回显的问题，找了半天原因，因为格式问题，后台返回的数据格式为yyyy.MM.dd。 查看后台返回的值是否含有空格，关于我的问题解决方式为，代码如下： 阅读全文

摘要： 表格实现单选或者多选的功能很常见，在此做个笔记。 首先el-table里实现单选，点击每行数据实现选中高亮效果。代码如下： <el-table :data="stockIndata" stripe border style="width: 100%;margin-top:20px;" highlig 阅读全文

摘要： 传统方式可以根据trim 方式去除输入值的空格。具体代码实现如下： <el-input maxlength="11" v-model.trim="mobileForm.mobile" style="width:78%" class="mr-10"></el-input> v-model.trim 可 阅读全文

摘要： 官网指路 实现效果如下图，点击有子集的表格行可展开或收起子集。 代码如下： // 列表点击事件 getOpenDetail(row){ this.$refs.theTable.toggleRowExpansion(row); }, <el-table border ref="theTable" :d 阅读全文

摘要： el-date-picker 设置可选择日期范围，选择框第一个日期的前30天或者后三十天。其他日期为不可点击状态。 <el-form-item label="日期：" v-if="dataIsShow"> <el-date-picker :picker-options="pickerOptions" 阅读全文

摘要： 首先定义一个js 公共文件，然后加在vue 的原型上。 const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this. 阅读全文

摘要： 由于项目中使用打印功能element ui 的table 组件在预览的时候 会产生样式错乱，表格错位甚至展示不全的问题，这边就用原生的table 把element ui 合并单元格的方式重新实现了一下效果。具体代码如下： 首先获取列表的数据，并初始化数据格式。 // 获取发放详情列表信息 getIn 阅读全文