小程序踩坑记

2021-11-07  本文已影响0人  二荣xxx

一、自定义组件上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
   }
},
上一篇 下一篇

猜你喜欢

热点阅读