美文网首页
小程序踩坑记

小程序踩坑记

作者: 二荣xxx | 来源:发表于2021-11-07 22:58 被阅读0次

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

    相关文章

      网友评论

          本文标题:小程序踩坑记

          本文链接:https://www.haomeiwen.com/subject/vimyzltx.html