avalon2.2.4 在IE下渲染不稳定

Question

IE下avalon页面刷新，有时渲染成功，有时失败，控制台不报错，失败次数居多，IE8基本渲染不成功，不知道为什么，求老师帮忙
html:
<div class="p-box" :controller="wrap">

    <div class="p-box-left">
        <ul>
            <li :for="(index, el) in @items" :class="[(@showCont==index?'hover':''),(el.filled?'filled':'')]" :click="!el.hover && @chooseClick(index)">{{el.name}}</li>
        </ul>
        <button>完成</button>
    </div>

</div>
js:

        let wrapOption={
            $id:'wrap',
            showCont:0,
            items:[{
                name:'基本信息',
                filled:true,
                type:'base'
            },{
                name:'教育背景',
                type:'edu'
            }],
            chooseClick(index){
                this.showCont=index;
            }
        }
        this.wrapVm=avalon.define(wrapOption);

有没有大师回答下，IE8不渲染，不知道什么原因

Answer 1

我们的seajs加载文件逻辑可能有所影响，最后我在初始化完实例后都执行一遍
avalon.scan(document.body)，（感觉是手动渲染的意思，不一定是body，只要是最外面的父元素就可以）
就可以在IE所有浏览器稳定渲染了

Answer 2

//html没改只是修改了下js,修改后在虚拟机ie8下是可以的，你可以试试

var wrapOption = {

    $id: 'wrap',
    showCont: 0,
    items: [{
        name: '基本信息',
        filled: true,
        type: 'base'
    }, {
        name: '教育背景',
        type: 'edu'
    }],
    chooseClick: function(index) {
        this.showCont = index;
    }
}
var wrapVm = avalon.define(wrapOption);