沛县网站建设,深圳保障性住房官网,做美食教程的网站有哪些,网上开小店怎么开今天在修改 el-table 源码过程中遇到一个头大的问题#xff0c;原本修改编译后#xff0c;将 element的子目录lib下的文件复制到项目的响应目录里就可以了#xff0c;但是#xff0c;这次不知为何#xff0c;编译老是出问题#xff0c;实在没有办法#xff0c;我就直接修…今天在修改 el-table 源码过程中遇到一个头大的问题原本修改编译后将 element的子目录lib下的文件复制到项目的响应目录里就可以了但是这次不知为何编译老是出问题实在没有办法我就直接修改项目中 node_modules 目录下的 lib 的文件。 为了找到正确的修改点在代码中加入了以下代码方便进入跟踪模式知道进入 el-table 的代码的入口 debuggerthis.$refs.table.doLayout()运行时在单步执行 doLayout 方法后就能知道 doLayout 的代码入口文件和位置这样就可以在相同位置插入自己的代码。 我需要实现的效果是通过代码来实现表格过滤的效果即模拟点击列头选择某个过滤值实现表格过滤的效果。通过上述代码跟踪了解到需要在element-ui.common.js文件中插入代码具体代码如下 execFilter: function execFilter(column, filteredValue) {this.store.commit(filterChange, {column: column,values: filteredValue});this.store.updateAllSelected();},上述代码中为何通过 filterChange 来实现过滤是通过关键字搜索 阅读代码分析得到。 在这之前通过对 el-table 原本的过滤实现的代码进行跟踪将 filterChange 方法的 column 和 fliteredValue 参数值进行截图保存发现 column 不是 el-table-column而是一个 javascript 对象故通过对 el-table-column 对象的属性进行排查发现 columnConfig 属性的值就是该方法所需数据而 filteredValue 的值是一个包含过滤值的数组为此构建了如下调用代码 var column this.$refs.companyColumn;var filteredValue [this.$refs[this.refName][0].companyBriefName]this.$refs.table.execFilter(column.columnConfig, filteredValue)经过测试非常完美的解决了问题。
