一、自定义组件上canvas
自定义组件上canvas的保存会绘制都必须传第二个参数组件实例(this)在初始化canvas时,否则显示不出来
初始化canvas
<canvas canvas-id="myCanvas" ></canvas>
let context = uni.createCanvasContext('myCanvas', this)
保存canvas
uni.canvasToTempFilePath({
canvasId: 'myCanvas',
success:function(res){}
},this)
二、自定义组件上分享功能
问题:自定义组件上分享功能不能自定义
解决:通过button 把参数传出去(:data:share-info="data"),再到父组件里面调用onShareAppMessage,通过res.target.dataset.shareinfo拿到数据,就可以正常使用了
自定义组件
<button open-type="share" :data-shareInfo="shareModel"></button>
shareModel: {
title: 'xxxxxxxxxxxxxx',
path: '/xxx/xxx/xxx?xxx',
imageUrl: 'http://xxx.xxx.com/xxx/xxx.png'
}
父组件
onShareAppMessage: function (res) {
let shareInfo = res.target.dataset.shareinfo
return {
title: shareInfo.title,
path: shareInfo.path,
imageUrl: shareInfo.imageUrl
}
},
网友评论