项目中不乏遇到需要对table表格中的某些特殊字段进行标记，用cell-style="cellStyle"来控制区分作为一种特殊手段是再合适不过了，不多bibi，直接上车。cell-style=“cellStyle” 结合其回调方法**cellStyle(row, column, rowIndex, columnIndex)**来改变单元格样式上代码：1.这是一个可展开的table表格。<e

1.在vue框架中有watch监听函数，用来监听数值的改变，监听对象可以是一个变量也可以是一个对象。我此次项目中监听的是日期选择器的变化。2.监听器（watch）是一个对象，要当成对象来使用。3.watch监听的函数接受两个参数：handler:function(newVal,oldVal)，第一个参数表示改变后的新值，第二个参数表示改变前的值。监听的数据必须是data中声明过的或者是父组件向子组

项目中不乏会遇到图表统计功能，小白一枚。发现echarts非常好用，简单易上手。可参考官方文档：https://echarts.apache.org/zh/index.html，有多种图表类型，任俊采洁。我呢简单实现了折线图和饼图，浅谈如何与后端数据交互来更改图标内容展示，最重要的是拿到后端返回值去调用相应的setOption并向其对应位置填充值就行。1.折线图：drawLine(id) {thi

vue router中常用的两种路由模式：hash模式、history模式

项目中遇到路由页面跳转:// 添加事件addHandler() {this.$router.push({path: "/purchaseAudit/agency",query: {PageIndex:1},// name: "purchaseAudInfoAdd",第二种方案});},用path时需要加载全路径，即要组合父路径和子路径；用name时只需要其子页面的name即可，如上图所示。通过注入

最近再做项目中碰到了这样一个问题，前端vue对后端返回数据中的枚举值做处理。之前枚举值的转换都在后端返回dto中做处理，首次碰到这种问题，先将解决方案抛出，希望能帮到有缘人：<el-table v-loading="loading.table" :data="data.list.items" fit stripe highlight-current-row :cell-style="cell

vue中关闭el-dialog时，再次打开新增页面上次的数据不会销毁，如何解决：最基本的使用v-if<el-dialog class="detail" v-if="visible" :title="title" :close-on-click-modal="false" :visible.sync="visible"@close="closed">jsclosed() {this.vi

vue中使用element-ui中的日期选择器组件时，会造成时区差。在向数据库中做保存时发现传输的时间参数和前端控件所选时间端不匹配（相差8小时）, 调试发现与后端接口没有问题，是控件本身的原因。1.牵扯到国际时间和北京时间2.中国国家标准时间是东经120°（东八区）的地方时间,同格林威治时间（世界时）整整相差8小时解决方法：设置value-format 属性, 精确到时间段value-forma

上篇博客介绍了如何动态实现table的新增表格，其实对于表格和表单的动态添加在日常场景中用到的还蛮多的，两者的实现都有着诸多相似之处，本篇博客小编带领大家揭开实现动态增加form表单的神秘面纱。图示最终效果：当点击新增购房人基本信息时，动态新增表单，并且可以根据索引通过点击删除来删除当前表单。和动态新增table表格一样，新增数据要以对象的形式push到数组里面去，删除还是依赖与splice函数。

主要记录一下element ui组件中穿梭框、table列表内容显示不全解决方式对于Transfer 穿梭框中的文字过长隐藏问题处理：1.实现效果：解决方式;1.<el-row :gutter="30"><el-col :span="24" class="input-box"><el-form-item label-width="70px"><el-tra