小程序项目笔记(一)

2021-09-21  本文已影响0人  二荣xxx

一、路由切换的两种方式

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() {}
}
上一篇下一篇

猜你喜欢

热点阅读