socaicaicaicai的博客

【代码】element-ui table合并列根据如果id一致合并操作列对已合并操作的列特定的字段一致合并行。

表单校验未通过时让光标移动到第一个校验未通过的inputvue2.0 + ElementUI 2.13.2// html<el-form class="form_one" ref="formOne" :rules="formOneRuls"> // 省略 表单内容部分 <el-form/>// javascriptexport default { data(){ formOneRuls:{ XX : [{required:true, message:'XX

需求：省市区使用element-UI的级联组件实现省市区的动态加载选择以及数据的回显// template <el-cascader :key="cascader" ref="cascader" :placeholder="请选择省市区" @change="changeAdress" style="width: 100%" v-model="provinces" :props="props" :options="province"

工作需求：点击按钮实现图片预览功能场景为后台管理系统中需要功能为点击按钮实现预览图片Vue 2.6.10 + Element-UI应用element的el-image-viewer 组件引入ElImageViewer 该组件import ElImageViewer from 'element-ui/packages/image/src/image-viewer'使用组件// html<el-image-viewer v-if="showViewer" on:cl

element中 input赋值后无法再次输入值方法一 ：$forceUpdate()方法二： $set前言 ：工作需求中遇到一个监听选择框的值赋值对应input框的值,并支持input框的输入，在我监听赋值的之后采用的是向对象中添加属性的方法代码如下写入后input框不能输入了 ，并在赋值的input上绑定了 input事件监听去用forceUpdate()去更新也没有用，百度了才发现是我赋值的写法有问题，用forceUpdate() 去更新也没有用，百度了才发现是我赋值的写法有问题，用forceUp

Element-UI的table使用tag页切换行展示行错位问题修复项目中的场景：菜单内使用el-tabs组件然后分为汇总和详情两个tab，两个独自请求列表展示正常，当点击其他菜单再进行切回的时候详情tab页的序号和其他行展示错误解决：首先table是封装的组件，在封装组件中对组件中没有处理activated activated() { this.$refs.table && this.$refs.table.doLayout() }其次在写tabs 的

##Element-UI的复合输入框应用工作需求 ： 应用复合输入框支持右侧下拉选项 左侧支持输入 ，当左侧输入时候右侧下拉清空代码如下：// html<el-input placeholder="请输入应用链接" :value="dataDetail.url" class="input-width-select" style="width:80%" @focus="getValue" @input="changInput($event)"> <el-select :disab

需求场景： 业务方希望有表格可以体现员工的考勤信息，要具体到上午下午，统计司机上下班打卡所产生的数据。产品提出想做成三级表头根据页面查询条件的年月去动态生成表格的表头。三级分别是月份日期，对应的星期，以及每天的上午以及下午。...

富文本vue-quill-editor照片上传服务器

需求： 根据查询条件选择月份获取对应月份的天数以及对应的日期作为表头

objectSpanMethod({ row, column, rowIndex, columnIndex }) { const span = column['property'] + '-span' console.log(span) if (row[span]) { console.log(row[span]); return row[span] } }, mergeTableRow(data, merg.