这个问题是在1.2.3时发现的,1.2.2中没有这个问题。
既然发现问题当然要解决问题啦,如何解决呢?以下是我的解决方案,可能有些绕。
1、跟踪切换字体的事件

发现是通过获取元素上面预设置好的下标值"data-item-index"来获取字体的配置;打断点跟踪发现没有获取到;

这里可以发现初始化渲染的时候没有生成。继续跟踪。。。
2、跟踪页面渲染

发现是通过模板渲染的,继续找到解析模板的代码

把模板预设置好的解析字符替换掉:"<%=%>" 和"<%%>" ,再通过Function解析。
跟踪到这里可以发现,模板上的都是通过obj.xx的方式来调用的。但是“i”是在循环的时候定义的,所以"obj.i"并不能获取到这个值;
到这里可以用两种方案实现:第一种,修改模板引擎的解析;第二种,修改模板;
我这里是使用第二种实现的。
3、修改模板,解决问题

这是我修改后的模板。

完毕!
网友评论