javascript - ms-visible 在组件中使用，IE8 下无效？

问题描述

问 题

IE9下

IE8下

代码如下：

var leftNavi=avalon.component('ms-leftNavi', {
    template: 
        '<div class="f-l leftNavi heighteqSiblings" >'+
            '<div class="bigTitle">'+
                '<img src="../common/img/leftNavi_collapse.jpg">'+
                '<span>我的账户</span>'+
            '</div>'+
            '<div class="subTitle" ms-visible="@userType==1">'+
                '<span :class="(@tab==1? '+"'active':'')"+'" ms-on-click="@openUrl('+"'index_1.html','1'"+')">个人中心</span>'+
            '</div>'+
            '<div class="subTitle" ms-visible="@userType==0">'+
                '<span :class="(@tab==1? '+"'active':'')"+'" ms-on-click="@openUrl('+"'index_0 .html','1'"+')">个人中心</span>'+
            '</div>'+
            '<div class="subTitle">'+
                '<span :class="(@tab==2? '+"'active':'')"+'" ms-on-click="@openUrl('+"'message_mine.html','2'"+')">我的消息</span>'+
            '</div>'+
            '<div class="subTitle">'+
                '<span :class="(@tab==3? '+"'active':'')"+'" ms-on-click="@openUrl('+"'message_system.html','3'"+')">系统消息</span>'+
            '</div>'+
            '<div class="dotLine"></div>'+
            '<div class="bigTitle">'+
                '<img src="../common/img/leftNavi_collapse.jpg">'+
                '<span :visible="@userType==1">我的货盘</span>'+
                '<span :visible="@userType==0">我的船舶</span>'+
            '</div>'
     '</div>',
    defaults: {
        tab: "1",
        userType:"1",//1货主 0 船东
        openUrl:function(url,tab){
            if(this.tab!=tab){
                window.location.href=url;
            }
        },
    }
});

使用方式：

<xmp ms-widget="{is:'ms-leftNavi',tab:1,userType:0}"></xmp>

IE8下点击导航还会报错
TypeError: 无法获取未定义或 null 引用的属性call parse on binding【 @openUrl('message_mine.html','2') 】fail

解决方案

经查，出现问题的avalon版本是2.1.16.1
换成2.2.0的版本之后就没有出现这个问题了。

这篇关于javascript - ms-visible 在组件中使用，IE8 下无效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！