解决接口多表头动态更改列元素发生的错误的方法

解决iview您可能在具有表达式'列'的观察器中有无限更新循环'

解决方案

单表头是可以动态变化不需要增添什么东西

多表头目前接口尚不能动态变化，会报错观察器中可能有一个无限更新循环，表达式为“列”解决方法是开源代码库大神提供的：需要修改iview.js源码

将iview.js中

列： {手柄：函数处理程序(){ var colsWithId=this。makecolumns id(这。列)；his.allColumns=(0，_ util。getallcolumns)(colsWithId)；这个。clonecolumns=这个。制作列(colsWithId)；这个。列行=这个。制作列行(false，colsWithId)；这个。LeftFixedColumnRows=this。MakeColumnRows(' left '，colswithID)；这个。右固定列行=这个。制作列行('右'，colsWithId)；这个。重建数据=这个。makeddataportandfilter()；这个。handleresize()；}，deep: true }，修改为

列： {处理程序：函数处理程序(){//[修复Bug]您可能在具有表达式" columns " var tempcloneedcolumns=(0，_assist.deepCopy)(this.columns)的观察器中有一个无限更新循环；var colsWithId=this。make columns id(tempcloneedcolumns)；//[修复Bug End] this.allColumns=(0，_ util。getallcolumns)(colsWithId)；这个。clonecolumns=这个。制作列(colsWithId)；这个。列行=这个。制作列行(false，colsWithId)；这个。LeftFixedColumnRows=this。MakeColumnRows(' left '，colswithID)；这个。右固定列行=这个。制作列行('右'，colsWithId)；这个。重建数据=这个。makeddataportandfilter()；这个。handleresize()；}，deep: true }，演示

模板差异单表头：Table :列=' columns 1 ' @ on-row-click=' on row-click ' :数据=' data 1 '/Table多表头：表：列='第12列' @按行单击='按下单击2 ' :数据='数据1 '边框高度=' 500 '/表/div/模板脚本导出默认{ data(){ return { columns 1:[{ title : ' Name }，key: 'name' }，{ title: ' Age '，key: ' age ' }，{ title: ' Address '年龄： 30,地址： '悉尼第一湖公园，日期： '2016-10-02' },姓名： '琼恩雪诺，年龄： 26,地址： '渥太华第二湖公园，日期： '2016-10-04' } ],栏s12: [{ title: 'Name '，align: ' center '，儿童330==这个。第1栏[这。第1栏。长度-1].标题){这个。第1栏。拼接(这个。第1栏。长度，0，{ title: 'City '，key : ' address ' } } }，onrowcink 2(){ if(' City '！==这个。第12栏[这。第12栏。长度-1].标题){这个。第12栏。拼接(这个。第12栏。长度，0，{ title: 'City '，key: 'address' }) } } }，}/脚本以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。