xuejiachen

Element UI el-table自动合并行列 可实现的效果 针对固定列（下图是前三列）可做到针对相等的行和列自行合并，上下相等的单元格进行行合并，左右相等的单元格进行列合并。 a-table表格

span-method介绍 el-table想实现合并行列，就绕不开span-method，官方文档介绍如下 简单来说，span-method会遍历每一个单元格， 返回 [0, 0]， 不渲染此单元格

实现思路 通过ProTable form中的initialValues属性设置可以达成效果，且每次重置也会设置上默认值

el-tooltip实现hover多行文本，多行文本我这里利用v-for实现，tooltip中的效果正常，但是hover的文本信息显示缺失，控制台中查看未渲染所有的v-for div

在使用表格组件时，经常会遇到表格数据变化但是页面却没有更新数据的情况； 这是因为 所以这里我们需要强制刷新表格，以下几种方式 在nextTick中使用this.$refs.table.doLayout

1. scrollTop、offsetTop属性 主要涉及到两个属性scrollTop和offsetTop; scrollTop属性定义如下： offsetTop属性定义如下： 其中offsetPar

可以通过process.env.BASE_URL此变量获取public目录，在计算属性中定义，从而达到引用的效果。

在开发过程中主要涉及到以下几个需要关注的点 1.弹窗的打开关闭 父组件中使用.sync绑定visible属性，可直接在子组件中关闭弹窗更新父组件传入的visible值； 不过这样使用会出现每次重新打开

之前也有类似的场景需要监听js原生事件，直接写总是无法生效，需要加上this.$nextTick才可