avalonjs - avalon2.2.4 在IE下渲染不稳定

问题描述

问 题

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

解决方案

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

这篇关于avalonjs - avalon2.2.4 在IE下渲染不稳定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！