plus使用注意事项 plusready react

plus plusready 使用注意事项 react

前言

这段时间写HTML5+项目时 遇到一个plusReady的问题

运用plus时一定要先plusReady

//在挂载之后进行  很重要  一定要有
componentDidMount(){
   if(window.plus){//当有plus时，直接plusPredy
     this.plusReady();
   }else{//当没有plus时，要先创造plusready事件
     document.addEventListener('plusready',this.plusReady,false);
   }
 }

 //plusReady函数  在这里才能调用plus api
 plusReady=()=>{
   // 在这里调用plus api
     this.creatBarCode()
   
 }
 // 创建barcode控件  使用plus api的地方
 creatBarCode() {
   if (!barcode) {
     barcode = plus.barcode.create('barcode', [plus.barcode.QR], {
       top:'100px',
       left:'0px',
       width: '100%',
       height: '500px',
       position: 'static'
     });
     barcode.onmarked = function (type, result) {
       alert('扫描结果:'+result)
     };
     plus.webview.currentWebview().append(barcode);
   }
   barcode.start();
 }