公共方法:
// 將文檔轉換爲圖片
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 }
}
)
})
},