avalon2.2.4 在IE下渲染不稳定

chenfengju
  • 23

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不渲染,不知道什么原因

回复
阅读 2.5k
2 个回答

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

//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);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏