ms-visible 在组件中使用,IE8 下无效?

IE9下clipboard.png

IE8下
clipboard.png

代码如下:

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

阅读 2.6k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题