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

发布于 2022-09-04 07:18:13 字数 2357 浏览 40 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

谁人与我共长歌 2022-09-11 07:18:14

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文