一个网名
一个网名
  • 发布:2018-06-02 19:05
  • 更新:2018-06-03 10:46
  • 阅读:2326

【已解决】原生标题的按钮事件,提示 Uncaught TypeError: Cannot call method 'evalJS' of null

分类:MUI

mui开发的app
manifest.jsong配置如下:

        "launchwebview": {  
            "titleNView": {  
                "titleText": "原生标题栏",  
                "buttons": [  
                    {  
                        "float": "right",  
                        "fontSize": "27px",  
                        "fontSrc": "fonts/iconfont.ttf",//wap2app内置字体文件  
                        "text": "\ue60a",  
                        "onclick": "javascript:plus.webview.getWebviewById('index').evalJS('myshare();')"  
                    }  
                ]  
            }  
        },  

index.html页面代码如下:

    function myshare()  
    {  
        console.log(1231231);  
    }

效果图如下:


但是当点击右上角的图标的时候,提示:

 Uncaught TypeError: Cannot call method 'evalJS' of null

求解!

====================
已解决,看一楼吧,

2018-06-02 19:05 负责人:无 分享
已邀请:
一个网名

一个网名 (作者)

已解决:
原因:因为manifest.json里面的button的配置项,是wap2app里面的,在5+应用中不能用,
解决办法 :参考了hello mui中的index.html,绘制的图片

    mui.plusReady(function(){  
        var about_left = window.innerWidth - 34;  

        _self = plus.webview.currentWebview();  
        var titleView = _self.getNavigationbar();  
        var bitmap_menu = new plus.nativeObj.Bitmap("menu");  

        bitmap_menu.load("images/qipao.png");  
        titleView.drawBitmap(bitmap_menu, {}, {  
            top: "10px",  
            right: "10px",  
            width: "24px",  
            height: "24px"  
        });   

        titleView.interceptTouchEvent(true);  
        titleView.addEventListener("click", function(e) {  
            var x = e.clientX;  
            if(x > about_left) { //触发menu菜单  
                console.log('这里自行处理点击后的逻辑');  
            }  
        }, false);  
    });

注意: images/qipao.png 这个图片可以替换成自己的,也可以使用官方的loadBase64Data方法,使用base64的图片
吐槽:现在官方的重心不在5+app,而是Uniapp,但是我还是要说,什么破文档!想找上面几个对象方法的介绍的,结果!找!不!到!有,肯定是有的,但是找!不!到!真不知道这文档是谁写的!
还有,千万别说什么客服的重心是问答不是QQ群了,问答里面也没有多少回!复!的!,问答的搜索功能也是垃!圾!
以后官方再写uniapp的文档的时候,千万别再糊弄!

该问题目前已经被锁定, 无法添加新回复