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的版本之后就没有出现这个问题了。