layer.tab监听选项卡切换事件

通过lay创建的选项卡在官网给出的例子如下

layer.tab({
  area: ['600px', '300px'],
  tab: [{
    title: 'TAB1', 
    content: '内容1'
  }, {
    title: 'TAB2', 
    content: '内容2'
  }, {
    title: 'TAB3', 
    content: '内容3'
  }]
});        

这只满足让我展示内容...

但是我想在弹出层做点我想做的事情，比如动态加载数据... 通过源码看到了success属性，试了之后发现可用。最后我想监听tab切换，却难住了我，偶然突发奇想：切换……change……嗯，试试change事件好用么，果然。下面贴出代码

            layer.tab({
                area: ['1200px', '800px'],
                tab: [{
                    title: '基本信息',
                    content: $("#baseInfo").html()
                }, {
                    title: '字段信息',
                    content: $("#columnInfo").html()
                }, {
                    title: '生成信息',
                    content: $("#createInfo").html()
                }],
                success: function (index, layero) {//打开tab后的执行的内容
                    //你的代码
                   

                },
                change: function (index, layero) {//监听tab切换
                    alert(index)
                }
            });

写在最后：我在查阅了gitee上layui中layer的源码后还是没能太理解为啥change事件好用，还请大神们可以指点一二，就不提issue了