調用公共方法返回值爲undefind,改爲promise

 公共方法:

    // 將文檔轉換爲圖片
    transformImage: function(dom){

      domtoimage.toPng(document.getElementById(id))
        .then((dataUrl) => {
       
            console.log(dataUrl)
            return dataUrl
          
        })
        .catch(function (error) {
          console.error('oops, something went wrong!', error);
        });
    }

改爲如下:

  // 將文檔轉換爲圖片
    transformImage: function(dom){
      return new Promise(function(resolve,reject){
        domtoimage.toPng(dom)
        .then((dataUrl) => {
          resolve(dataUrl)
        }).catch(function (error) {
          reject(error)
        });
      })
    }

 vue中調用:

 transformImage(){
      let doms = document.getElementById("code")
      this.common.transformImage(doms).then(dataUrl=>{
                   this.$router.push(
              { name: 'preview', 
              params: { dataUrl: dataUrl }
              }
            )
      })
    },

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章