美文网首页
小程序项目笔记(一)

小程序项目笔记(一)

作者: 二荣xxx | 来源:发表于2021-09-21 23:45 被阅读0次

    一、路由切换的两种方式

    1、wx.navigateTo
    保留当前页面,跳转到应用内的某个页面(小程序中页面栈最多十层),该方法跳转的页面没有home按钮

    wx.navigateTo({
       url: '/pages/chat/chatList'
    });
    // 传参
    uni.navigateTo({
       url: '../good/goodInfo?id=' + e.currentTarget.dataset.stockid
    });
    
    uni.navigateTo({
       url: `./chat?roomId=${roomId}&joinOpenId=${openId}&nickName=${nickName}`
    });
    // 获取
    onLoad(options){
      console.log(options.xxx)
    }
    

    2、wx.redirectTo
    关闭当前页面,跳转到应用内的某个页面。该方法跳转的页面有home按钮

    wx.redirectTo({
      url: 'test?id=1'
    })
    

    二、分享(转发)功能

    配合type和API实现,限制在button上使用

    <button open-type="share">分享</button>
    
     onShareAppMessage(res) {
         title: this.goodInfo.title,
         imageUrl: this.goodInfo.images[0],
         path: '/pages/good/goodInfo?id=' + this.goodInfo.id
      }
    

    三、复制到剪切板

    配合点击事件和API(setClipboardData)使用

    <view @click="copyTitle">复制</view>
    
    copyTitle() {
        wx.setClipboardData({
           data: this.goodInfo.title,
           success(res) {},
           fail() {}
    }
    

    相关文章

      网友评论

          本文标题:小程序项目笔记(一)

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